From 7b364fbe1874fd1a27e9fe433026f49c60cbd485 Mon Sep 17 00:00:00 2001
From: Samsam Ahmadi <ahmadii.samsam@gmail.com>
Date: Tue, 15 Aug 2023 22:38:56 +0200
Subject: [PATCH 1/5] type[compat]: add html attributes types

---
 compat/src/index.d.ts | 846 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 846 insertions(+)

diff --git a/compat/src/index.d.ts b/compat/src/index.d.ts
index f0d49f393b..6f3a940216 100644
--- a/compat/src/index.d.ts
+++ b/compat/src/index.d.ts
@@ -68,12 +68,858 @@ declare namespace React {
 	// HTML
 	export interface HTMLAttributes<T extends EventTarget>
 		extends JSXInternal.HTMLAttributes<T> {}
+
 	export import DetailedHTMLProps = JSXInternal.DetailedHTMLProps;
 	export import CSSProperties = JSXInternal.CSSProperties;
+
 	export interface SVGProps<T extends EventTarget>
 		extends JSXInternal.SVGAttributes<T>,
 			preact.ClassAttributes<T> {}
 
+	type HTMLAttributeReferrerPolicy =
+		| ''
+		| 'no-referrer'
+		| 'no-referrer-when-downgrade'
+		| 'origin'
+		| 'origin-when-cross-origin'
+		| 'same-origin'
+		| 'strict-origin'
+		| 'strict-origin-when-cross-origin'
+		| 'unsafe-url';
+
+	type HTMLAttributeAnchorTarget =
+		| '_self'
+		| '_blank'
+		| '_parent'
+		| '_top'
+		| (string & {});
+
+	interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+		download?: any;
+		href?: string | undefined;
+		hrefLang?: string | undefined;
+		media?: string | undefined;
+		ping?: string | undefined;
+		target?: HTMLAttributeAnchorTarget | undefined;
+		type?: string | undefined;
+		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+	}
+
+	interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
+
+	interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+		alt?: string | undefined;
+		coords?: string | undefined;
+		download?: any;
+		href?: string | undefined;
+		hrefLang?: string | undefined;
+		media?: string | undefined;
+		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+		shape?: string | undefined;
+		target?: string | undefined;
+	}
+
+	interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+		href?: string | undefined;
+		target?: string | undefined;
+	}
+
+	interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+		cite?: string | undefined;
+	}
+
+	interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+		disabled?: boolean | undefined;
+		form?: string | undefined;
+		formAction?: string | undefined;
+		formEncType?: string | undefined;
+		formMethod?: string | undefined;
+		formNoValidate?: boolean | undefined;
+		formTarget?: string | undefined;
+		name?: string | undefined;
+		type?: 'submit' | 'reset' | 'button' | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+	}
+
+	interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+		height?: number | string | undefined;
+		width?: number | string | undefined;
+	}
+
+	interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+		span?: number | undefined;
+		width?: number | string | undefined;
+	}
+
+	interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+		span?: number | undefined;
+	}
+
+	interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
+		value?: string | ReadonlyArray<string> | number | undefined;
+	}
+
+	interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+		open?: boolean | undefined;
+		onToggle?: ReactEventHandler<T> | undefined;
+	}
+
+	interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+		cite?: string | undefined;
+		dateTime?: string | undefined;
+	}
+
+	interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+		onCancel?: ReactEventHandler<T> | undefined;
+		onClose?: ReactEventHandler<T> | undefined;
+		open?: boolean | undefined;
+	}
+
+	interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+		height?: number | string | undefined;
+		src?: string | undefined;
+		type?: string | undefined;
+		width?: number | string | undefined;
+	}
+
+	interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+		disabled?: boolean | undefined;
+		form?: string | undefined;
+		name?: string | undefined;
+	}
+
+	interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+		acceptCharset?: string | undefined;
+		action?: string | undefined;
+		autoComplete?: string | undefined;
+		encType?: string | undefined;
+		method?: string | undefined;
+		name?: string | undefined;
+		noValidate?: boolean | undefined;
+		target?: string | undefined;
+	}
+
+	interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+		manifest?: string | undefined;
+	}
+
+	interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+		allow?: string | undefined;
+		allowFullScreen?: boolean | undefined;
+		allowTransparency?: boolean | undefined;
+		/** @deprecated */
+		frameBorder?: number | string | undefined;
+		height?: number | string | undefined;
+		loading?: 'eager' | 'lazy' | undefined;
+		/** @deprecated */
+		marginHeight?: number | undefined;
+		/** @deprecated */
+		marginWidth?: number | undefined;
+		name?: string | undefined;
+		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+		sandbox?: string | undefined;
+		/** @deprecated */
+		scrolling?: string | undefined;
+		seamless?: boolean | undefined;
+		src?: string | undefined;
+		srcDoc?: string | undefined;
+		width?: number | string | undefined;
+	}
+
+	interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+		alt?: string | undefined;
+		crossOrigin?: CrossOrigin;
+		decoding?: 'async' | 'auto' | 'sync' | undefined;
+		height?: number | string | undefined;
+		loading?: 'eager' | 'lazy' | undefined;
+		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+		sizes?: string | undefined;
+		src?: string | undefined;
+		srcSet?: string | undefined;
+		useMap?: string | undefined;
+		width?: number | string | undefined;
+	}
+
+	interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+		cite?: string | undefined;
+		dateTime?: string | undefined;
+	}
+
+	type HTMLInputTypeAttribute =
+		| 'button'
+		| 'checkbox'
+		| 'color'
+		| 'date'
+		| 'datetime-local'
+		| 'email'
+		| 'file'
+		| 'hidden'
+		| 'image'
+		| 'month'
+		| 'number'
+		| 'password'
+		| 'radio'
+		| 'range'
+		| 'reset'
+		| 'search'
+		| 'submit'
+		| 'tel'
+		| 'text'
+		| 'time'
+		| 'url'
+		| 'week'
+		| (string & {});
+
+	interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+		accept?: string | undefined;
+		alt?: string | undefined;
+		autoComplete?: string | undefined;
+		capture?: boolean | 'user' | 'environment' | undefined; // https://www.w3.org/TR/html-media-capture/#the-capture-attribute
+		checked?: boolean | undefined;
+		disabled?: boolean | undefined;
+		enterKeyHint?:
+			| 'enter'
+			| 'done'
+			| 'go'
+			| 'next'
+			| 'previous'
+			| 'search'
+			| 'send'
+			| undefined;
+		form?: string | undefined;
+		formAction?: string | undefined;
+		formEncType?: string | undefined;
+		formMethod?: string | undefined;
+		formNoValidate?: boolean | undefined;
+		formTarget?: string | undefined;
+		height?: number | string | undefined;
+		list?: string | undefined;
+		max?: number | string | undefined;
+		maxLength?: number | undefined;
+		min?: number | string | undefined;
+		minLength?: number | undefined;
+		multiple?: boolean | undefined;
+		name?: string | undefined;
+		pattern?: string | undefined;
+		placeholder?: string | undefined;
+		readOnly?: boolean | undefined;
+		required?: boolean | undefined;
+		size?: number | undefined;
+		src?: string | undefined;
+		step?: number | string | undefined;
+		type?: HTMLInputTypeAttribute | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+		width?: number | string | undefined;
+
+		onChange?: ChangeEventHandler<T> | undefined;
+	}
+
+	interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+		challenge?: string | undefined;
+		disabled?: boolean | undefined;
+		form?: string | undefined;
+		keyType?: string | undefined;
+		keyParams?: string | undefined;
+		name?: string | undefined;
+	}
+
+	interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+		form?: string | undefined;
+		htmlFor?: string | undefined;
+	}
+
+	interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+		value?: string | ReadonlyArray<string> | number | undefined;
+	}
+
+	interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+		as?: string | undefined;
+		crossOrigin?: CrossOrigin;
+		fetchPriority?: 'high' | 'low' | 'auto';
+		href?: string | undefined;
+		hrefLang?: string | undefined;
+		integrity?: string | undefined;
+		media?: string | undefined;
+		imageSrcSet?: string | undefined;
+		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+		sizes?: string | undefined;
+		type?: string | undefined;
+		charSet?: string | undefined;
+	}
+
+	interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+		name?: string | undefined;
+	}
+
+	interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+		type?: string | undefined;
+	}
+
+	interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+		autoPlay?: boolean | undefined;
+		controls?: boolean | undefined;
+		controlsList?: string | undefined;
+		crossOrigin?: CrossOrigin;
+		loop?: boolean | undefined;
+		mediaGroup?: string | undefined;
+		muted?: boolean | undefined;
+		playsInline?: boolean | undefined;
+		preload?: string | undefined;
+		src?: string | undefined;
+	}
+
+	interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+		charSet?: string | undefined;
+		httpEquiv?: string | undefined;
+		name?: string | undefined;
+		media?: string | undefined;
+	}
+
+	interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+		form?: string | undefined;
+		high?: number | undefined;
+		low?: number | undefined;
+		max?: number | string | undefined;
+		min?: number | string | undefined;
+		optimum?: number | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+	}
+
+	interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+		cite?: string | undefined;
+	}
+
+	interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+		classID?: string | undefined;
+		data?: string | undefined;
+		form?: string | undefined;
+		height?: number | string | undefined;
+		name?: string | undefined;
+		type?: string | undefined;
+		useMap?: string | undefined;
+		width?: number | string | undefined;
+		wmode?: string | undefined;
+	}
+
+	interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+		reversed?: boolean | undefined;
+		start?: number | undefined;
+		type?: '1' | 'a' | 'A' | 'i' | 'I' | undefined;
+	}
+
+	interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+		disabled?: boolean | undefined;
+		label?: string | undefined;
+	}
+
+	interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+		disabled?: boolean | undefined;
+		label?: string | undefined;
+		selected?: boolean | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+	}
+
+	interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+		form?: string | undefined;
+		htmlFor?: string | undefined;
+		name?: string | undefined;
+	}
+
+	interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+		name?: string | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+	}
+
+	interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+		max?: number | string | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+	}
+
+	interface SlotHTMLAttributes<T> extends HTMLAttributes<T> {
+		name?: string | undefined;
+	}
+
+	interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+		async?: boolean | undefined;
+		/** @deprecated */
+		charSet?: string | undefined;
+		crossOrigin?: CrossOrigin;
+		defer?: boolean | undefined;
+		integrity?: string | undefined;
+		noModule?: boolean | undefined;
+		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+		src?: string | undefined;
+		type?: string | undefined;
+	}
+
+	interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+		autoComplete?: string | undefined;
+		disabled?: boolean | undefined;
+		form?: string | undefined;
+		multiple?: boolean | undefined;
+		name?: string | undefined;
+		required?: boolean | undefined;
+		size?: number | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+		onChange?: ChangeEventHandler<T> | undefined;
+	}
+
+	interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+		height?: number | string | undefined;
+		media?: string | undefined;
+		sizes?: string | undefined;
+		src?: string | undefined;
+		srcSet?: string | undefined;
+		type?: string | undefined;
+		width?: number | string | undefined;
+	}
+
+	interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+		media?: string | undefined;
+		scoped?: boolean | undefined;
+		type?: string | undefined;
+	}
+
+	interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+		cellPadding?: number | string | undefined;
+		cellSpacing?: number | string | undefined;
+		summary?: string | undefined;
+		width?: number | string | undefined;
+	}
+
+	interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+		autoComplete?: string | undefined;
+		cols?: number | undefined;
+		dirName?: string | undefined;
+		disabled?: boolean | undefined;
+		form?: string | undefined;
+		maxLength?: number | undefined;
+		minLength?: number | undefined;
+		name?: string | undefined;
+		placeholder?: string | undefined;
+		readOnly?: boolean | undefined;
+		required?: boolean | undefined;
+		rows?: number | undefined;
+		value?: string | ReadonlyArray<string> | number | undefined;
+		wrap?: string | undefined;
+
+		onChange?: ChangeEventHandler<T> | undefined;
+	}
+
+	interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+		align?: 'left' | 'center' | 'right' | 'justify' | 'char' | undefined;
+		colSpan?: number | undefined;
+		headers?: string | undefined;
+		rowSpan?: number | undefined;
+		scope?: string | undefined;
+		abbr?: string | undefined;
+		height?: number | string | undefined;
+		width?: number | string | undefined;
+		valign?: 'top' | 'middle' | 'bottom' | 'baseline' | undefined;
+	}
+
+	interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+		align?: 'left' | 'center' | 'right' | 'justify' | 'char' | undefined;
+		colSpan?: number | undefined;
+		headers?: string | undefined;
+		rowSpan?: number | undefined;
+		scope?: string | undefined;
+		abbr?: string | undefined;
+	}
+
+	interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+		dateTime?: string | undefined;
+	}
+
+	interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+		default?: boolean | undefined;
+		kind?: string | undefined;
+		label?: string | undefined;
+		src?: string | undefined;
+		srcLang?: string | undefined;
+	}
+
+	interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+		height?: number | string | undefined;
+		playsInline?: boolean | undefined;
+		poster?: string | undefined;
+		width?: number | string | undefined;
+		disablePictureInPicture?: boolean | undefined;
+		disableRemotePlayback?: boolean | undefined;
+	}
+
+	// this list is "complete" in that it contains every SVG attribute
+	// that React supports, but the types can be improved.
+	// Full list here: https://facebook.github.io/react/docs/dom-elements.html
+	//
+	// The three broad type categories are (in order of restrictiveness):
+	//   - "number | string"
+	//   - "string"
+	//   - union of string literals
+	interface SVGAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+		// Attributes which also defined in HTMLAttributes
+		// See comment in SVGDOMPropertyConfig.js
+		className?: string | undefined;
+		color?: string | undefined;
+		height?: number | string | undefined;
+		id?: string | undefined;
+		lang?: string | undefined;
+		max?: number | string | undefined;
+		media?: string | undefined;
+		method?: string | undefined;
+		min?: number | string | undefined;
+		name?: string | undefined;
+		style?: CSSProperties | undefined;
+		target?: string | undefined;
+		type?: string | undefined;
+		width?: number | string | undefined;
+
+		// Other HTML properties supported by SVG elements in browsers
+		role?: AriaRole | undefined;
+		tabIndex?: number | undefined;
+		crossOrigin?: CrossOrigin;
+
+		// SVG Specific attributes
+		accentHeight?: number | string | undefined;
+		accumulate?: 'none' | 'sum' | undefined;
+		additive?: 'replace' | 'sum' | undefined;
+		alignmentBaseline?:
+			| 'auto'
+			| 'baseline'
+			| 'before-edge'
+			| 'text-before-edge'
+			| 'middle'
+			| 'central'
+			| 'after-edge'
+			| 'text-after-edge'
+			| 'ideographic'
+			| 'alphabetic'
+			| 'hanging'
+			| 'mathematical'
+			| 'inherit'
+			| undefined;
+		allowReorder?: 'no' | 'yes' | undefined;
+		alphabetic?: number | string | undefined;
+		amplitude?: number | string | undefined;
+		arabicForm?: 'initial' | 'medial' | 'terminal' | 'isolated' | undefined;
+		ascent?: number | string | undefined;
+		attributeName?: string | undefined;
+		attributeType?: string | undefined;
+		autoReverse?: Booleanish | undefined;
+		azimuth?: number | string | undefined;
+		baseFrequency?: number | string | undefined;
+		baselineShift?: number | string | undefined;
+		baseProfile?: number | string | undefined;
+		bbox?: number | string | undefined;
+		begin?: number | string | undefined;
+		bias?: number | string | undefined;
+		by?: number | string | undefined;
+		calcMode?: number | string | undefined;
+		capHeight?: number | string | undefined;
+		clip?: number | string | undefined;
+		clipPath?: string | undefined;
+		clipPathUnits?: number | string | undefined;
+		clipRule?: number | string | undefined;
+		colorInterpolation?: number | string | undefined;
+		colorInterpolationFilters?:
+			| 'auto'
+			| 'sRGB'
+			| 'linearRGB'
+			| 'inherit'
+			| undefined;
+		colorProfile?: number | string | undefined;
+		colorRendering?: number | string | undefined;
+		contentScriptType?: number | string | undefined;
+		contentStyleType?: number | string | undefined;
+		cursor?: number | string | undefined;
+		cx?: number | string | undefined;
+		cy?: number | string | undefined;
+		d?: string | undefined;
+		decelerate?: number | string | undefined;
+		descent?: number | string | undefined;
+		diffuseConstant?: number | string | undefined;
+		direction?: number | string | undefined;
+		display?: number | string | undefined;
+		divisor?: number | string | undefined;
+		dominantBaseline?: number | string | undefined;
+		dur?: number | string | undefined;
+		dx?: number | string | undefined;
+		dy?: number | string | undefined;
+		edgeMode?: number | string | undefined;
+		elevation?: number | string | undefined;
+		enableBackground?: number | string | undefined;
+		end?: number | string | undefined;
+		exponent?: number | string | undefined;
+		externalResourcesRequired?: Booleanish | undefined;
+		fill?: string | undefined;
+		fillOpacity?: number | string | undefined;
+		fillRule?: 'nonzero' | 'evenodd' | 'inherit' | undefined;
+		filter?: string | undefined;
+		filterRes?: number | string | undefined;
+		filterUnits?: number | string | undefined;
+		floodColor?: number | string | undefined;
+		floodOpacity?: number | string | undefined;
+		focusable?: Booleanish | 'auto' | undefined;
+		fontFamily?: string | undefined;
+		fontSize?: number | string | undefined;
+		fontSizeAdjust?: number | string | undefined;
+		fontStretch?: number | string | undefined;
+		fontStyle?: number | string | undefined;
+		fontVariant?: number | string | undefined;
+		fontWeight?: number | string | undefined;
+		format?: number | string | undefined;
+		fr?: number | string | undefined;
+		from?: number | string | undefined;
+		fx?: number | string | undefined;
+		fy?: number | string | undefined;
+		g1?: number | string | undefined;
+		g2?: number | string | undefined;
+		glyphName?: number | string | undefined;
+		glyphOrientationHorizontal?: number | string | undefined;
+		glyphOrientationVertical?: number | string | undefined;
+		glyphRef?: number | string | undefined;
+		gradientTransform?: string | undefined;
+		gradientUnits?: string | undefined;
+		hanging?: number | string | undefined;
+		horizAdvX?: number | string | undefined;
+		horizOriginX?: number | string | undefined;
+		href?: string | undefined;
+		ideographic?: number | string | undefined;
+		imageRendering?: number | string | undefined;
+		in2?: number | string | undefined;
+		in?: string | undefined;
+		intercept?: number | string | undefined;
+		k1?: number | string | undefined;
+		k2?: number | string | undefined;
+		k3?: number | string | undefined;
+		k4?: number | string | undefined;
+		k?: number | string | undefined;
+		kernelMatrix?: number | string | undefined;
+		kernelUnitLength?: number | string | undefined;
+		kerning?: number | string | undefined;
+		keyPoints?: number | string | undefined;
+		keySplines?: number | string | undefined;
+		keyTimes?: number | string | undefined;
+		lengthAdjust?: number | string | undefined;
+		letterSpacing?: number | string | undefined;
+		lightingColor?: number | string | undefined;
+		limitingConeAngle?: number | string | undefined;
+		local?: number | string | undefined;
+		markerEnd?: string | undefined;
+		markerHeight?: number | string | undefined;
+		markerMid?: string | undefined;
+		markerStart?: string | undefined;
+		markerUnits?: number | string | undefined;
+		markerWidth?: number | string | undefined;
+		mask?: string | undefined;
+		maskContentUnits?: number | string | undefined;
+		maskUnits?: number | string | undefined;
+		mathematical?: number | string | undefined;
+		mode?: number | string | undefined;
+		numOctaves?: number | string | undefined;
+		offset?: number | string | undefined;
+		opacity?: number | string | undefined;
+		operator?: number | string | undefined;
+		order?: number | string | undefined;
+		orient?: number | string | undefined;
+		orientation?: number | string | undefined;
+		origin?: number | string | undefined;
+		overflow?: number | string | undefined;
+		overlinePosition?: number | string | undefined;
+		overlineThickness?: number | string | undefined;
+		paintOrder?: number | string | undefined;
+		panose1?: number | string | undefined;
+		path?: string | undefined;
+		pathLength?: number | string | undefined;
+		patternContentUnits?: string | undefined;
+		patternTransform?: number | string | undefined;
+		patternUnits?: string | undefined;
+		pointerEvents?: number | string | undefined;
+		points?: string | undefined;
+		pointsAtX?: number | string | undefined;
+		pointsAtY?: number | string | undefined;
+		pointsAtZ?: number | string | undefined;
+		preserveAlpha?: Booleanish | undefined;
+		preserveAspectRatio?: string | undefined;
+		primitiveUnits?: number | string | undefined;
+		r?: number | string | undefined;
+		radius?: number | string | undefined;
+		refX?: number | string | undefined;
+		refY?: number | string | undefined;
+		renderingIntent?: number | string | undefined;
+		repeatCount?: number | string | undefined;
+		repeatDur?: number | string | undefined;
+		requiredExtensions?: number | string | undefined;
+		requiredFeatures?: number | string | undefined;
+		restart?: number | string | undefined;
+		result?: string | undefined;
+		rotate?: number | string | undefined;
+		rx?: number | string | undefined;
+		ry?: number | string | undefined;
+		scale?: number | string | undefined;
+		seed?: number | string | undefined;
+		shapeRendering?: number | string | undefined;
+		slope?: number | string | undefined;
+		spacing?: number | string | undefined;
+		specularConstant?: number | string | undefined;
+		specularExponent?: number | string | undefined;
+		speed?: number | string | undefined;
+		spreadMethod?: string | undefined;
+		startOffset?: number | string | undefined;
+		stdDeviation?: number | string | undefined;
+		stemh?: number | string | undefined;
+		stemv?: number | string | undefined;
+		stitchTiles?: number | string | undefined;
+		stopColor?: string | undefined;
+		stopOpacity?: number | string | undefined;
+		strikethroughPosition?: number | string | undefined;
+		strikethroughThickness?: number | string | undefined;
+		string?: number | string | undefined;
+		stroke?: string | undefined;
+		strokeDasharray?: string | number | undefined;
+		strokeDashoffset?: string | number | undefined;
+		strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
+		strokeLinejoin?: 'miter' | 'round' | 'bevel' | 'inherit' | undefined;
+		strokeMiterlimit?: number | string | undefined;
+		strokeOpacity?: number | string | undefined;
+		strokeWidth?: number | string | undefined;
+		surfaceScale?: number | string | undefined;
+		systemLanguage?: number | string | undefined;
+		tableValues?: number | string | undefined;
+		targetX?: number | string | undefined;
+		targetY?: number | string | undefined;
+		textAnchor?: string | undefined;
+		textDecoration?: number | string | undefined;
+		textLength?: number | string | undefined;
+		textRendering?: number | string | undefined;
+		to?: number | string | undefined;
+		transform?: string | undefined;
+		u1?: number | string | undefined;
+		u2?: number | string | undefined;
+		underlinePosition?: number | string | undefined;
+		underlineThickness?: number | string | undefined;
+		unicode?: number | string | undefined;
+		unicodeBidi?: number | string | undefined;
+		unicodeRange?: number | string | undefined;
+		unitsPerEm?: number | string | undefined;
+		vAlphabetic?: number | string | undefined;
+		values?: string | undefined;
+		vectorEffect?: number | string | undefined;
+		version?: string | undefined;
+		vertAdvY?: number | string | undefined;
+		vertOriginX?: number | string | undefined;
+		vertOriginY?: number | string | undefined;
+		vHanging?: number | string | undefined;
+		vIdeographic?: number | string | undefined;
+		viewBox?: string | undefined;
+		viewTarget?: number | string | undefined;
+		visibility?: number | string | undefined;
+		vMathematical?: number | string | undefined;
+		widths?: number | string | undefined;
+		wordSpacing?: number | string | undefined;
+		writingMode?: number | string | undefined;
+		x1?: number | string | undefined;
+		x2?: number | string | undefined;
+		x?: number | string | undefined;
+		xChannelSelector?: string | undefined;
+		xHeight?: number | string | undefined;
+		xlinkActuate?: string | undefined;
+		xlinkArcrole?: string | undefined;
+		xlinkHref?: string | undefined;
+		xlinkRole?: string | undefined;
+		xlinkShow?: string | undefined;
+		xlinkTitle?: string | undefined;
+		xlinkType?: string | undefined;
+		xmlBase?: string | undefined;
+		xmlLang?: string | undefined;
+		xmlns?: string | undefined;
+		xmlnsXlink?: string | undefined;
+		xmlSpace?: string | undefined;
+		y1?: number | string | undefined;
+		y2?: number | string | undefined;
+		y?: number | string | undefined;
+		yChannelSelector?: string | undefined;
+		z?: number | string | undefined;
+		zoomAndPan?: string | undefined;
+	}
+
+	interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
+		allowFullScreen?: boolean | undefined;
+		allowpopups?: boolean | undefined;
+		autosize?: boolean | undefined;
+		blinkfeatures?: string | undefined;
+		disableblinkfeatures?: string | undefined;
+		disableguestresize?: boolean | undefined;
+		disablewebsecurity?: boolean | undefined;
+		guestinstance?: string | undefined;
+		httpreferrer?: string | undefined;
+		nodeintegration?: boolean | undefined;
+		partition?: string | undefined;
+		plugins?: boolean | undefined;
+		preload?: string | undefined;
+		src?: string | undefined;
+		useragent?: string | undefined;
+		webpreferences?: string | undefined;
+	}
+
+	interface ReactSVG {
+		animate: SVGFactory;
+		circle: SVGFactory;
+		clipPath: SVGFactory;
+		defs: SVGFactory;
+		desc: SVGFactory;
+		ellipse: SVGFactory;
+		feBlend: SVGFactory;
+		feColorMatrix: SVGFactory;
+		feComponentTransfer: SVGFactory;
+		feComposite: SVGFactory;
+		feConvolveMatrix: SVGFactory;
+		feDiffuseLighting: SVGFactory;
+		feDisplacementMap: SVGFactory;
+		feDistantLight: SVGFactory;
+		feDropShadow: SVGFactory;
+		feFlood: SVGFactory;
+		feFuncA: SVGFactory;
+		feFuncB: SVGFactory;
+		feFuncG: SVGFactory;
+		feFuncR: SVGFactory;
+		feGaussianBlur: SVGFactory;
+		feImage: SVGFactory;
+		feMerge: SVGFactory;
+		feMergeNode: SVGFactory;
+		feMorphology: SVGFactory;
+		feOffset: SVGFactory;
+		fePointLight: SVGFactory;
+		feSpecularLighting: SVGFactory;
+		feSpotLight: SVGFactory;
+		feTile: SVGFactory;
+		feTurbulence: SVGFactory;
+		filter: SVGFactory;
+		foreignObject: SVGFactory;
+		g: SVGFactory;
+		image: SVGFactory;
+		line: SVGFactory;
+		linearGradient: SVGFactory;
+		marker: SVGFactory;
+		mask: SVGFactory;
+		metadata: SVGFactory;
+		path: SVGFactory;
+		pattern: SVGFactory;
+		polygon: SVGFactory;
+		polyline: SVGFactory;
+		radialGradient: SVGFactory;
+		rect: SVGFactory;
+		stop: SVGFactory;
+		svg: SVGFactory;
+		switch: SVGFactory;
+		symbol: SVGFactory;
+		text: SVGFactory;
+		textPath: SVGFactory;
+		tspan: SVGFactory;
+		use: SVGFactory;
+		view: SVGFactory;
+	}
+
 	// Events
 	export import TargetedEvent = JSXInternal.TargetedEvent;
 	export import ChangeEvent = JSXInternal.TargetedEvent;

From 767e7baa2cc28d171bfe9e277e959f06f0713f96 Mon Sep 17 00:00:00 2001
From: Samsam Ahmadi <ahmadii.samsam@gmail.com>
Date: Wed, 16 Aug 2023 08:46:51 +0200
Subject: [PATCH 2/5] refactor: remove duplicate types

---
 compat/src/index.d.ts | 353 ------------------------------------------
 1 file changed, 353 deletions(-)

diff --git a/compat/src/index.d.ts b/compat/src/index.d.ts
index 6f3a940216..40d5bcab64 100644
--- a/compat/src/index.d.ts
+++ b/compat/src/index.d.ts
@@ -548,301 +548,6 @@ declare namespace React {
 		disableRemotePlayback?: boolean | undefined;
 	}
 
-	// this list is "complete" in that it contains every SVG attribute
-	// that React supports, but the types can be improved.
-	// Full list here: https://facebook.github.io/react/docs/dom-elements.html
-	//
-	// The three broad type categories are (in order of restrictiveness):
-	//   - "number | string"
-	//   - "string"
-	//   - union of string literals
-	interface SVGAttributes<T> extends AriaAttributes, DOMAttributes<T> {
-		// Attributes which also defined in HTMLAttributes
-		// See comment in SVGDOMPropertyConfig.js
-		className?: string | undefined;
-		color?: string | undefined;
-		height?: number | string | undefined;
-		id?: string | undefined;
-		lang?: string | undefined;
-		max?: number | string | undefined;
-		media?: string | undefined;
-		method?: string | undefined;
-		min?: number | string | undefined;
-		name?: string | undefined;
-		style?: CSSProperties | undefined;
-		target?: string | undefined;
-		type?: string | undefined;
-		width?: number | string | undefined;
-
-		// Other HTML properties supported by SVG elements in browsers
-		role?: AriaRole | undefined;
-		tabIndex?: number | undefined;
-		crossOrigin?: CrossOrigin;
-
-		// SVG Specific attributes
-		accentHeight?: number | string | undefined;
-		accumulate?: 'none' | 'sum' | undefined;
-		additive?: 'replace' | 'sum' | undefined;
-		alignmentBaseline?:
-			| 'auto'
-			| 'baseline'
-			| 'before-edge'
-			| 'text-before-edge'
-			| 'middle'
-			| 'central'
-			| 'after-edge'
-			| 'text-after-edge'
-			| 'ideographic'
-			| 'alphabetic'
-			| 'hanging'
-			| 'mathematical'
-			| 'inherit'
-			| undefined;
-		allowReorder?: 'no' | 'yes' | undefined;
-		alphabetic?: number | string | undefined;
-		amplitude?: number | string | undefined;
-		arabicForm?: 'initial' | 'medial' | 'terminal' | 'isolated' | undefined;
-		ascent?: number | string | undefined;
-		attributeName?: string | undefined;
-		attributeType?: string | undefined;
-		autoReverse?: Booleanish | undefined;
-		azimuth?: number | string | undefined;
-		baseFrequency?: number | string | undefined;
-		baselineShift?: number | string | undefined;
-		baseProfile?: number | string | undefined;
-		bbox?: number | string | undefined;
-		begin?: number | string | undefined;
-		bias?: number | string | undefined;
-		by?: number | string | undefined;
-		calcMode?: number | string | undefined;
-		capHeight?: number | string | undefined;
-		clip?: number | string | undefined;
-		clipPath?: string | undefined;
-		clipPathUnits?: number | string | undefined;
-		clipRule?: number | string | undefined;
-		colorInterpolation?: number | string | undefined;
-		colorInterpolationFilters?:
-			| 'auto'
-			| 'sRGB'
-			| 'linearRGB'
-			| 'inherit'
-			| undefined;
-		colorProfile?: number | string | undefined;
-		colorRendering?: number | string | undefined;
-		contentScriptType?: number | string | undefined;
-		contentStyleType?: number | string | undefined;
-		cursor?: number | string | undefined;
-		cx?: number | string | undefined;
-		cy?: number | string | undefined;
-		d?: string | undefined;
-		decelerate?: number | string | undefined;
-		descent?: number | string | undefined;
-		diffuseConstant?: number | string | undefined;
-		direction?: number | string | undefined;
-		display?: number | string | undefined;
-		divisor?: number | string | undefined;
-		dominantBaseline?: number | string | undefined;
-		dur?: number | string | undefined;
-		dx?: number | string | undefined;
-		dy?: number | string | undefined;
-		edgeMode?: number | string | undefined;
-		elevation?: number | string | undefined;
-		enableBackground?: number | string | undefined;
-		end?: number | string | undefined;
-		exponent?: number | string | undefined;
-		externalResourcesRequired?: Booleanish | undefined;
-		fill?: string | undefined;
-		fillOpacity?: number | string | undefined;
-		fillRule?: 'nonzero' | 'evenodd' | 'inherit' | undefined;
-		filter?: string | undefined;
-		filterRes?: number | string | undefined;
-		filterUnits?: number | string | undefined;
-		floodColor?: number | string | undefined;
-		floodOpacity?: number | string | undefined;
-		focusable?: Booleanish | 'auto' | undefined;
-		fontFamily?: string | undefined;
-		fontSize?: number | string | undefined;
-		fontSizeAdjust?: number | string | undefined;
-		fontStretch?: number | string | undefined;
-		fontStyle?: number | string | undefined;
-		fontVariant?: number | string | undefined;
-		fontWeight?: number | string | undefined;
-		format?: number | string | undefined;
-		fr?: number | string | undefined;
-		from?: number | string | undefined;
-		fx?: number | string | undefined;
-		fy?: number | string | undefined;
-		g1?: number | string | undefined;
-		g2?: number | string | undefined;
-		glyphName?: number | string | undefined;
-		glyphOrientationHorizontal?: number | string | undefined;
-		glyphOrientationVertical?: number | string | undefined;
-		glyphRef?: number | string | undefined;
-		gradientTransform?: string | undefined;
-		gradientUnits?: string | undefined;
-		hanging?: number | string | undefined;
-		horizAdvX?: number | string | undefined;
-		horizOriginX?: number | string | undefined;
-		href?: string | undefined;
-		ideographic?: number | string | undefined;
-		imageRendering?: number | string | undefined;
-		in2?: number | string | undefined;
-		in?: string | undefined;
-		intercept?: number | string | undefined;
-		k1?: number | string | undefined;
-		k2?: number | string | undefined;
-		k3?: number | string | undefined;
-		k4?: number | string | undefined;
-		k?: number | string | undefined;
-		kernelMatrix?: number | string | undefined;
-		kernelUnitLength?: number | string | undefined;
-		kerning?: number | string | undefined;
-		keyPoints?: number | string | undefined;
-		keySplines?: number | string | undefined;
-		keyTimes?: number | string | undefined;
-		lengthAdjust?: number | string | undefined;
-		letterSpacing?: number | string | undefined;
-		lightingColor?: number | string | undefined;
-		limitingConeAngle?: number | string | undefined;
-		local?: number | string | undefined;
-		markerEnd?: string | undefined;
-		markerHeight?: number | string | undefined;
-		markerMid?: string | undefined;
-		markerStart?: string | undefined;
-		markerUnits?: number | string | undefined;
-		markerWidth?: number | string | undefined;
-		mask?: string | undefined;
-		maskContentUnits?: number | string | undefined;
-		maskUnits?: number | string | undefined;
-		mathematical?: number | string | undefined;
-		mode?: number | string | undefined;
-		numOctaves?: number | string | undefined;
-		offset?: number | string | undefined;
-		opacity?: number | string | undefined;
-		operator?: number | string | undefined;
-		order?: number | string | undefined;
-		orient?: number | string | undefined;
-		orientation?: number | string | undefined;
-		origin?: number | string | undefined;
-		overflow?: number | string | undefined;
-		overlinePosition?: number | string | undefined;
-		overlineThickness?: number | string | undefined;
-		paintOrder?: number | string | undefined;
-		panose1?: number | string | undefined;
-		path?: string | undefined;
-		pathLength?: number | string | undefined;
-		patternContentUnits?: string | undefined;
-		patternTransform?: number | string | undefined;
-		patternUnits?: string | undefined;
-		pointerEvents?: number | string | undefined;
-		points?: string | undefined;
-		pointsAtX?: number | string | undefined;
-		pointsAtY?: number | string | undefined;
-		pointsAtZ?: number | string | undefined;
-		preserveAlpha?: Booleanish | undefined;
-		preserveAspectRatio?: string | undefined;
-		primitiveUnits?: number | string | undefined;
-		r?: number | string | undefined;
-		radius?: number | string | undefined;
-		refX?: number | string | undefined;
-		refY?: number | string | undefined;
-		renderingIntent?: number | string | undefined;
-		repeatCount?: number | string | undefined;
-		repeatDur?: number | string | undefined;
-		requiredExtensions?: number | string | undefined;
-		requiredFeatures?: number | string | undefined;
-		restart?: number | string | undefined;
-		result?: string | undefined;
-		rotate?: number | string | undefined;
-		rx?: number | string | undefined;
-		ry?: number | string | undefined;
-		scale?: number | string | undefined;
-		seed?: number | string | undefined;
-		shapeRendering?: number | string | undefined;
-		slope?: number | string | undefined;
-		spacing?: number | string | undefined;
-		specularConstant?: number | string | undefined;
-		specularExponent?: number | string | undefined;
-		speed?: number | string | undefined;
-		spreadMethod?: string | undefined;
-		startOffset?: number | string | undefined;
-		stdDeviation?: number | string | undefined;
-		stemh?: number | string | undefined;
-		stemv?: number | string | undefined;
-		stitchTiles?: number | string | undefined;
-		stopColor?: string | undefined;
-		stopOpacity?: number | string | undefined;
-		strikethroughPosition?: number | string | undefined;
-		strikethroughThickness?: number | string | undefined;
-		string?: number | string | undefined;
-		stroke?: string | undefined;
-		strokeDasharray?: string | number | undefined;
-		strokeDashoffset?: string | number | undefined;
-		strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
-		strokeLinejoin?: 'miter' | 'round' | 'bevel' | 'inherit' | undefined;
-		strokeMiterlimit?: number | string | undefined;
-		strokeOpacity?: number | string | undefined;
-		strokeWidth?: number | string | undefined;
-		surfaceScale?: number | string | undefined;
-		systemLanguage?: number | string | undefined;
-		tableValues?: number | string | undefined;
-		targetX?: number | string | undefined;
-		targetY?: number | string | undefined;
-		textAnchor?: string | undefined;
-		textDecoration?: number | string | undefined;
-		textLength?: number | string | undefined;
-		textRendering?: number | string | undefined;
-		to?: number | string | undefined;
-		transform?: string | undefined;
-		u1?: number | string | undefined;
-		u2?: number | string | undefined;
-		underlinePosition?: number | string | undefined;
-		underlineThickness?: number | string | undefined;
-		unicode?: number | string | undefined;
-		unicodeBidi?: number | string | undefined;
-		unicodeRange?: number | string | undefined;
-		unitsPerEm?: number | string | undefined;
-		vAlphabetic?: number | string | undefined;
-		values?: string | undefined;
-		vectorEffect?: number | string | undefined;
-		version?: string | undefined;
-		vertAdvY?: number | string | undefined;
-		vertOriginX?: number | string | undefined;
-		vertOriginY?: number | string | undefined;
-		vHanging?: number | string | undefined;
-		vIdeographic?: number | string | undefined;
-		viewBox?: string | undefined;
-		viewTarget?: number | string | undefined;
-		visibility?: number | string | undefined;
-		vMathematical?: number | string | undefined;
-		widths?: number | string | undefined;
-		wordSpacing?: number | string | undefined;
-		writingMode?: number | string | undefined;
-		x1?: number | string | undefined;
-		x2?: number | string | undefined;
-		x?: number | string | undefined;
-		xChannelSelector?: string | undefined;
-		xHeight?: number | string | undefined;
-		xlinkActuate?: string | undefined;
-		xlinkArcrole?: string | undefined;
-		xlinkHref?: string | undefined;
-		xlinkRole?: string | undefined;
-		xlinkShow?: string | undefined;
-		xlinkTitle?: string | undefined;
-		xlinkType?: string | undefined;
-		xmlBase?: string | undefined;
-		xmlLang?: string | undefined;
-		xmlns?: string | undefined;
-		xmlnsXlink?: string | undefined;
-		xmlSpace?: string | undefined;
-		y1?: number | string | undefined;
-		y2?: number | string | undefined;
-		y?: number | string | undefined;
-		yChannelSelector?: string | undefined;
-		z?: number | string | undefined;
-		zoomAndPan?: string | undefined;
-	}
-
 	interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
 		allowFullScreen?: boolean | undefined;
 		allowpopups?: boolean | undefined;
@@ -862,64 +567,6 @@ declare namespace React {
 		webpreferences?: string | undefined;
 	}
 
-	interface ReactSVG {
-		animate: SVGFactory;
-		circle: SVGFactory;
-		clipPath: SVGFactory;
-		defs: SVGFactory;
-		desc: SVGFactory;
-		ellipse: SVGFactory;
-		feBlend: SVGFactory;
-		feColorMatrix: SVGFactory;
-		feComponentTransfer: SVGFactory;
-		feComposite: SVGFactory;
-		feConvolveMatrix: SVGFactory;
-		feDiffuseLighting: SVGFactory;
-		feDisplacementMap: SVGFactory;
-		feDistantLight: SVGFactory;
-		feDropShadow: SVGFactory;
-		feFlood: SVGFactory;
-		feFuncA: SVGFactory;
-		feFuncB: SVGFactory;
-		feFuncG: SVGFactory;
-		feFuncR: SVGFactory;
-		feGaussianBlur: SVGFactory;
-		feImage: SVGFactory;
-		feMerge: SVGFactory;
-		feMergeNode: SVGFactory;
-		feMorphology: SVGFactory;
-		feOffset: SVGFactory;
-		fePointLight: SVGFactory;
-		feSpecularLighting: SVGFactory;
-		feSpotLight: SVGFactory;
-		feTile: SVGFactory;
-		feTurbulence: SVGFactory;
-		filter: SVGFactory;
-		foreignObject: SVGFactory;
-		g: SVGFactory;
-		image: SVGFactory;
-		line: SVGFactory;
-		linearGradient: SVGFactory;
-		marker: SVGFactory;
-		mask: SVGFactory;
-		metadata: SVGFactory;
-		path: SVGFactory;
-		pattern: SVGFactory;
-		polygon: SVGFactory;
-		polyline: SVGFactory;
-		radialGradient: SVGFactory;
-		rect: SVGFactory;
-		stop: SVGFactory;
-		svg: SVGFactory;
-		switch: SVGFactory;
-		symbol: SVGFactory;
-		text: SVGFactory;
-		textPath: SVGFactory;
-		tspan: SVGFactory;
-		use: SVGFactory;
-		view: SVGFactory;
-	}
-
 	// Events
 	export import TargetedEvent = JSXInternal.TargetedEvent;
 	export import ChangeEvent = JSXInternal.TargetedEvent;

From 1cc0de207fd65b776f3443f8874d033dcd47832c Mon Sep 17 00:00:00 2001
From: Samsam Ahmadi <ahmadii.samsam@gmail.com>
Date: Wed, 16 Aug 2023 20:49:11 +0200
Subject: [PATCH 3/5] extract the svg types and reexport them

---
 compat/src/index.d.ts |   4 ++
 src/jsx.d.ts          | 125 +++++++++++++++++++++---------------------
 2 files changed, 67 insertions(+), 62 deletions(-)

diff --git a/compat/src/index.d.ts b/compat/src/index.d.ts
index 40d5bcab64..94aaa1fc4b 100644
--- a/compat/src/index.d.ts
+++ b/compat/src/index.d.ts
@@ -76,6 +76,10 @@ declare namespace React {
 		extends JSXInternal.SVGAttributes<T>,
 			preact.ClassAttributes<T> {}
 
+	interface SVGAttributes extends JSXInternal.SVGAttributes {}
+
+	interface ReactSVG extends JSXInternal.SVGElements {}
+
 	type HTMLAttributeReferrerPolicy =
 		| ''
 		| 'no-referrer'
diff --git a/src/jsx.d.ts b/src/jsx.d.ts
index feeed9486d..a09d7d4f25 100644
--- a/src/jsx.d.ts
+++ b/src/jsx.d.ts
@@ -2021,7 +2021,69 @@ export namespace JSXInternal {
 			| SignalLike<number | string | undefined>;
 	}
 
-	export interface IntrinsicElements {
+	export interface SVGElements {
+		svg: SVGAttributes<SVGSVGElement>;
+		animate: SVGAttributes<SVGAnimateElement>;
+		circle: SVGAttributes<SVGCircleElement>;
+		animateMotion: SVGAttributes<SVGAnimateMotionElement>;
+		animateTransform: SVGAttributes<SVGAnimateTransformElement>;
+		clipPath: SVGAttributes<SVGClipPathElement>;
+		defs: SVGAttributes<SVGDefsElement>;
+		desc: SVGAttributes<SVGDescElement>;
+		ellipse: SVGAttributes<SVGEllipseElement>;
+		feBlend: SVGAttributes<SVGFEBlendElement>;
+		feColorMatrix: SVGAttributes<SVGFEColorMatrixElement>;
+		feComponentTransfer: SVGAttributes<SVGFEComponentTransferElement>;
+		feComposite: SVGAttributes<SVGFECompositeElement>;
+		feConvolveMatrix: SVGAttributes<SVGFEConvolveMatrixElement>;
+		feDiffuseLighting: SVGAttributes<SVGFEDiffuseLightingElement>;
+		feDisplacementMap: SVGAttributes<SVGFEDisplacementMapElement>;
+		feDistantLight: SVGAttributes<SVGFEDistantLightElement>;
+		feDropShadow: SVGAttributes<SVGFEDropShadowElement>;
+		feFlood: SVGAttributes<SVGFEFloodElement>;
+		feFuncA: SVGAttributes<SVGFEFuncAElement>;
+		feFuncB: SVGAttributes<SVGFEFuncBElement>;
+		feFuncG: SVGAttributes<SVGFEFuncGElement>;
+		feFuncR: SVGAttributes<SVGFEFuncRElement>;
+		feGaussianBlur: SVGAttributes<SVGFEGaussianBlurElement>;
+		feImage: SVGAttributes<SVGFEImageElement>;
+		feMerge: SVGAttributes<SVGFEMergeElement>;
+		feMergeNode: SVGAttributes<SVGFEMergeNodeElement>;
+		feMorphology: SVGAttributes<SVGFEMorphologyElement>;
+		feOffset: SVGAttributes<SVGFEOffsetElement>;
+		fePointLight: SVGAttributes<SVGFEPointLightElement>;
+		feSpecularLighting: SVGAttributes<SVGFESpecularLightingElement>;
+		feSpotLight: SVGAttributes<SVGFESpotLightElement>;
+		feTile: SVGAttributes<SVGFETileElement>;
+		feTurbulence: SVGAttributes<SVGFETurbulenceElement>;
+		filter: SVGAttributes<SVGFilterElement>;
+		foreignObject: SVGAttributes<SVGForeignObjectElement>;
+		g: SVGAttributes<SVGGElement>;
+		image: SVGAttributes<SVGImageElement>;
+		line: SVGAttributes<SVGLineElement>;
+		linearGradient: SVGAttributes<SVGLinearGradientElement>;
+		marker: SVGAttributes<SVGMarkerElement>;
+		mask: SVGAttributes<SVGMaskElement>;
+		metadata: SVGAttributes<SVGMetadataElement>;
+		mpath: SVGAttributes<SVGMPathElement>;
+		path: SVGAttributes<SVGPathElement>;
+		pattern: SVGAttributes<SVGPatternElement>;
+		polygon: SVGAttributes<SVGPolygonElement>;
+		polyline: SVGAttributes<SVGPolylineElement>;
+		radialGradient: SVGAttributes<SVGRadialGradientElement>;
+		rect: SVGAttributes<SVGRectElement>;
+		set: SVGAttributes<SVGSetElement>;
+		stop: SVGAttributes<SVGStopElement>;
+		switch: SVGAttributes<SVGSwitchElement>;
+		symbol: SVGAttributes<SVGSymbolElement>;
+		text: SVGAttributes<SVGTextElement>;
+		textPath: SVGAttributes<SVGTextPathElement>;
+		tspan: SVGAttributes<SVGTSpanElement>;
+		use: SVGAttributes<SVGUseElement>;
+		view: SVGAttributes<SVGViewElement>;
+	}
+
+	export interface IntrinsicElements extends SVGElements {
 		// HTML
 		a: HTMLAttributes<HTMLAnchorElement>;
 		abbr: HTMLAttributes<HTMLElement>;
@@ -2139,66 +2201,5 @@ export namespace JSXInternal {
 		var: HTMLAttributes<HTMLElement>;
 		video: HTMLAttributes<HTMLVideoElement>;
 		wbr: HTMLAttributes<HTMLElement>;
-
-		//SVG
-		svg: SVGAttributes<SVGSVGElement>;
-		animate: SVGAttributes<SVGAnimateElement>;
-		circle: SVGAttributes<SVGCircleElement>;
-		animateMotion: SVGAttributes<SVGAnimateMotionElement>;
-		animateTransform: SVGAttributes<SVGAnimateTransformElement>;
-		clipPath: SVGAttributes<SVGClipPathElement>;
-		defs: SVGAttributes<SVGDefsElement>;
-		desc: SVGAttributes<SVGDescElement>;
-		ellipse: SVGAttributes<SVGEllipseElement>;
-		feBlend: SVGAttributes<SVGFEBlendElement>;
-		feColorMatrix: SVGAttributes<SVGFEColorMatrixElement>;
-		feComponentTransfer: SVGAttributes<SVGFEComponentTransferElement>;
-		feComposite: SVGAttributes<SVGFECompositeElement>;
-		feConvolveMatrix: SVGAttributes<SVGFEConvolveMatrixElement>;
-		feDiffuseLighting: SVGAttributes<SVGFEDiffuseLightingElement>;
-		feDisplacementMap: SVGAttributes<SVGFEDisplacementMapElement>;
-		feDistantLight: SVGAttributes<SVGFEDistantLightElement>;
-		feDropShadow: SVGAttributes<SVGFEDropShadowElement>;
-		feFlood: SVGAttributes<SVGFEFloodElement>;
-		feFuncA: SVGAttributes<SVGFEFuncAElement>;
-		feFuncB: SVGAttributes<SVGFEFuncBElement>;
-		feFuncG: SVGAttributes<SVGFEFuncGElement>;
-		feFuncR: SVGAttributes<SVGFEFuncRElement>;
-		feGaussianBlur: SVGAttributes<SVGFEGaussianBlurElement>;
-		feImage: SVGAttributes<SVGFEImageElement>;
-		feMerge: SVGAttributes<SVGFEMergeElement>;
-		feMergeNode: SVGAttributes<SVGFEMergeNodeElement>;
-		feMorphology: SVGAttributes<SVGFEMorphologyElement>;
-		feOffset: SVGAttributes<SVGFEOffsetElement>;
-		fePointLight: SVGAttributes<SVGFEPointLightElement>;
-		feSpecularLighting: SVGAttributes<SVGFESpecularLightingElement>;
-		feSpotLight: SVGAttributes<SVGFESpotLightElement>;
-		feTile: SVGAttributes<SVGFETileElement>;
-		feTurbulence: SVGAttributes<SVGFETurbulenceElement>;
-		filter: SVGAttributes<SVGFilterElement>;
-		foreignObject: SVGAttributes<SVGForeignObjectElement>;
-		g: SVGAttributes<SVGGElement>;
-		image: SVGAttributes<SVGImageElement>;
-		line: SVGAttributes<SVGLineElement>;
-		linearGradient: SVGAttributes<SVGLinearGradientElement>;
-		marker: SVGAttributes<SVGMarkerElement>;
-		mask: SVGAttributes<SVGMaskElement>;
-		metadata: SVGAttributes<SVGMetadataElement>;
-		mpath: SVGAttributes<SVGMPathElement>;
-		path: SVGAttributes<SVGPathElement>;
-		pattern: SVGAttributes<SVGPatternElement>;
-		polygon: SVGAttributes<SVGPolygonElement>;
-		polyline: SVGAttributes<SVGPolylineElement>;
-		radialGradient: SVGAttributes<SVGRadialGradientElement>;
-		rect: SVGAttributes<SVGRectElement>;
-		set: SVGAttributes<SVGSetElement>;
-		stop: SVGAttributes<SVGStopElement>;
-		switch: SVGAttributes<SVGSwitchElement>;
-		symbol: SVGAttributes<SVGSymbolElement>;
-		text: SVGAttributes<SVGTextElement>;
-		textPath: SVGAttributes<SVGTextPathElement>;
-		tspan: SVGAttributes<SVGTSpanElement>;
-		use: SVGAttributes<SVGUseElement>;
-		view: SVGAttributes<SVGViewElement>;
 	}
 }

From f5840a6f1ea4c8926e13d36485d4c5faa1f94d51 Mon Sep 17 00:00:00 2001
From: Samsam Ahmadi <ahmadii.samsam@gmail.com>
Date: Thu, 17 Aug 2023 10:24:49 +0200
Subject: [PATCH 4/5] fix: update the name of type

---
 compat/src/index.d.ts | 2 +-
 src/jsx.d.ts          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/compat/src/index.d.ts b/compat/src/index.d.ts
index 94aaa1fc4b..73a48973fe 100644
--- a/compat/src/index.d.ts
+++ b/compat/src/index.d.ts
@@ -78,7 +78,7 @@ declare namespace React {
 
 	interface SVGAttributes extends JSXInternal.SVGAttributes {}
 
-	interface ReactSVG extends JSXInternal.SVGElements {}
+	interface ReactSVG extends JSXInternal.IntrinsicSVGElements {}
 
 	type HTMLAttributeReferrerPolicy =
 		| ''
diff --git a/src/jsx.d.ts b/src/jsx.d.ts
index a09d7d4f25..898bdd9f7d 100644
--- a/src/jsx.d.ts
+++ b/src/jsx.d.ts
@@ -2021,7 +2021,7 @@ export namespace JSXInternal {
 			| SignalLike<number | string | undefined>;
 	}
 
-	export interface SVGElements {
+	export interface IntrinsicSVGElements {
 		svg: SVGAttributes<SVGSVGElement>;
 		animate: SVGAttributes<SVGAnimateElement>;
 		circle: SVGAttributes<SVGCircleElement>;
@@ -2083,7 +2083,7 @@ export namespace JSXInternal {
 		view: SVGAttributes<SVGViewElement>;
 	}
 
-	export interface IntrinsicElements extends SVGElements {
+	export interface IntrinsicElements extends IntrinsicSVGElements {
 		// HTML
 		a: HTMLAttributes<HTMLAnchorElement>;
 		abbr: HTMLAttributes<HTMLElement>;

From 146de2dac588f85c9596541ab2b2f8343815c7a5 Mon Sep 17 00:00:00 2001
From: Ryan Christian <rchristian@ryanchristian.dev>
Date: Mon, 1 Jul 2024 14:48:42 -0500
Subject: [PATCH 5/5] chore: Wrap attributes in `Signalish<>`

---
 compat/src/index.d.ts | 751 +++++++++++++++++++++++-------------------
 1 file changed, 403 insertions(+), 348 deletions(-)

diff --git a/compat/src/index.d.ts b/compat/src/index.d.ts
index ec7cade3f1..d9656f95a6 100644
--- a/compat/src/index.d.ts
+++ b/compat/src/index.d.ts
@@ -4,6 +4,14 @@ import { JSXInternal } from '../../src/jsx';
 import * as _Suspense from './suspense';
 import * as _SuspenseList from './suspense-list';
 
+interface SignalLike<T> {
+	value: T;
+	peek(): T;
+	subscribe(fn: (value: T) => void): () => void;
+}
+
+type Signalish<T> = T | SignalLike<T>;
+
 // export default React;
 export = React;
 export as namespace React;
@@ -104,155 +112,173 @@ declare namespace React {
 		| '_top'
 		| (string & {});
 
-	interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
-		download?: any;
-		href?: string | undefined;
-		hrefLang?: string | undefined;
-		media?: string | undefined;
-		ping?: string | undefined;
-		target?: HTMLAttributeAnchorTarget | undefined;
-		type?: string | undefined;
-		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+	interface AnchorHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		download?: Signalish<any>;
+		href?: Signalish<string | undefined>;
+		hrefLang?: Signalish<string | undefined>;
+		media?: Signalish<string | undefined>;
+		ping?: Signalish<string | undefined>;
+		target?: Signalish<HTMLAttributeAnchorTarget | undefined>;
+		type?: Signalish<string | undefined>;
+		referrerPolicy?: Signalish<HTMLAttributeReferrerPolicy | undefined>;
 	}
 
-	interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
+	interface AudioHTMLAttributes<T extends EventTarget>
+		extends MediaHTMLAttributes<T> {}
 
-	interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
-		alt?: string | undefined;
-		coords?: string | undefined;
-		download?: any;
-		href?: string | undefined;
-		hrefLang?: string | undefined;
-		media?: string | undefined;
-		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
-		shape?: string | undefined;
-		target?: string | undefined;
+	interface AreaHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		alt?: Signalish<string | undefined>;
+		coords?: Signalish<string | undefined>;
+		download?: Signalish<any>;
+		href?: Signalish<string | undefined>;
+		hrefLang?: Signalish<string | undefined>;
+		media?: Signalish<string | undefined>;
+		referrerPolicy?: Signalish<HTMLAttributeReferrerPolicy | undefined>;
+		shape?: Signalish<string | undefined>;
+		target?: Signalish<string | undefined>;
 	}
 
-	interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
-		href?: string | undefined;
-		target?: string | undefined;
+	interface BaseHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		href?: Signalish<string | undefined>;
+		target?: Signalish<string | undefined>;
 	}
 
-	interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
-		cite?: string | undefined;
+	interface BlockquoteHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		cite?: Signalish<string | undefined>;
 	}
 
-	interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-		disabled?: boolean | undefined;
-		form?: string | undefined;
-		formAction?: string | undefined;
-		formEncType?: string | undefined;
-		formMethod?: string | undefined;
-		formNoValidate?: boolean | undefined;
-		formTarget?: string | undefined;
-		name?: string | undefined;
-		type?: 'submit' | 'reset' | 'button' | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
+	interface ButtonHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		disabled?: Signalish<boolean | undefined>;
+		form?: Signalish<string | undefined>;
+		formAction?: Signalish<string | undefined>;
+		formEncType?: Signalish<string | undefined>;
+		formMethod?: Signalish<string | undefined>;
+		formNoValidate?: Signalish<boolean | undefined>;
+		formTarget?: Signalish<string | undefined>;
+		name?: Signalish<string | undefined>;
+		type?: Signalish<'submit' | 'reset' | 'button' | undefined>;
+		value?: Signalish<string | number | undefined>;
 	}
 
-	interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
-		height?: number | string | undefined;
-		width?: number | string | undefined;
+	interface CanvasHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		height?: Signalish<number | string | undefined>;
+		width?: Signalish<number | string | undefined>;
 	}
 
-	interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
-		span?: number | undefined;
-		width?: number | string | undefined;
+	interface ColHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		span?: Signalish<number | undefined>;
+		width?: Signalish<number | string | undefined>;
 	}
 
-	interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
-		span?: number | undefined;
+	interface ColgroupHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		span?: Signalish<number | undefined>;
 	}
 
-	interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
-		value?: string | ReadonlyArray<string> | number | undefined;
+	interface DataHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		value?: Signalish<string | number | undefined>;
 	}
 
-	interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
-		open?: boolean | undefined;
-		onToggle?: ReactEventHandler<T> | undefined;
+	interface DetailsHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		open?: Signalish<boolean | undefined>;
+		onToggle?: ChangeEventHandler<T> | undefined;
 	}
 
-	interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
-		cite?: string | undefined;
-		dateTime?: string | undefined;
+	interface DelHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		cite?: Signalish<string | undefined>;
+		dateTime?: Signalish<string | undefined>;
 	}
 
-	interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
-		onCancel?: ReactEventHandler<T> | undefined;
-		onClose?: ReactEventHandler<T> | undefined;
-		open?: boolean | undefined;
+	interface DialogHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		onCancel?: ChangeEventHandler<T> | undefined;
+		onClose?: ChangeEventHandler<T> | undefined;
+		open?: Signalish<boolean | undefined>;
 	}
 
-	interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
-		height?: number | string | undefined;
-		src?: string | undefined;
-		type?: string | undefined;
-		width?: number | string | undefined;
+	interface EmbedHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		height?: Signalish<number | string | undefined>;
+		src?: Signalish<string | undefined>;
+		type?: Signalish<string | undefined>;
+		width?: Signalish<number | string | undefined>;
 	}
 
-	interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
-		disabled?: boolean | undefined;
-		form?: string | undefined;
-		name?: string | undefined;
+	interface FieldsetHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		disabled?: Signalish<boolean | undefined>;
+		form?: Signalish<string | undefined>;
+		name?: Signalish<string | undefined>;
 	}
 
-	interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
-		acceptCharset?: string | undefined;
-		action?: string | undefined;
-		autoComplete?: string | undefined;
-		encType?: string | undefined;
-		method?: string | undefined;
-		name?: string | undefined;
-		noValidate?: boolean | undefined;
-		target?: string | undefined;
+	interface FormHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		acceptCharset?: Signalish<string | undefined>;
+		action?: Signalish<string | undefined>;
+		autoComplete?: Signalish<string | undefined>;
+		encType?: Signalish<string | undefined>;
+		method?: Signalish<string | undefined>;
+		name?: Signalish<string | undefined>;
+		noValidate?: Signalish<boolean | undefined>;
+		target?: Signalish<string | undefined>;
 	}
 
-	interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
-		manifest?: string | undefined;
+	interface HtmlHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		manifest?: Signalish<string | undefined>;
 	}
 
-	interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
-		allow?: string | undefined;
-		allowFullScreen?: boolean | undefined;
-		allowTransparency?: boolean | undefined;
+	interface IframeHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		allow?: Signalish<string | undefined>;
+		allowFullScreen?: Signalish<boolean | undefined>;
+		allowTransparency?: Signalish<boolean | undefined>;
 		/** @deprecated */
-		frameBorder?: number | string | undefined;
-		height?: number | string | undefined;
+		frameBorder?: Signalish<number | string | undefined>;
+		height?: Signalish<number | string | undefined>;
 		loading?: 'eager' | 'lazy' | undefined;
 		/** @deprecated */
-		marginHeight?: number | undefined;
+		marginHeight?: Signalish<number | undefined>;
 		/** @deprecated */
-		marginWidth?: number | undefined;
-		name?: string | undefined;
-		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
-		sandbox?: string | undefined;
+		marginWidth?: Signalish<number | undefined>;
+		name?: Signalish<string | undefined>;
+		referrerPolicy?: Signalish<HTMLAttributeReferrerPolicy | undefined>;
+		sandbox?: Signalish<string | undefined>;
 		/** @deprecated */
-		scrolling?: string | undefined;
-		seamless?: boolean | undefined;
-		src?: string | undefined;
-		srcDoc?: string | undefined;
-		width?: number | string | undefined;
-	}
-
-	interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
-		alt?: string | undefined;
-		crossOrigin?: CrossOrigin;
-		decoding?: 'async' | 'auto' | 'sync' | undefined;
-		height?: number | string | undefined;
-		loading?: 'eager' | 'lazy' | undefined;
-		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
-		sizes?: string | undefined;
-		src?: string | undefined;
-		srcSet?: string | undefined;
-		useMap?: string | undefined;
-		width?: number | string | undefined;
+		scrolling?: Signalish<string | undefined>;
+		seamless?: Signalish<boolean | undefined>;
+		src?: Signalish<string | undefined>;
+		srcDoc?: Signalish<string | undefined>;
+		width?: Signalish<number | string | undefined>;
+	}
+
+	type HTMLAttributeCrossOrigin = 'anonymous' | 'use-credentials';
+
+	interface ImgHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		alt?: Signalish<string | undefined>;
+		crossOrigin?: Signalish<HTMLAttributeCrossOrigin>;
+		decoding?: Signalish<'async' | 'auto' | 'sync' | undefined>;
+		height?: Signalish<number | string | undefined>;
+		loading?: Signalish<'eager' | 'lazy' | undefined>;
+		referrerPolicy?: Signalish<HTMLAttributeReferrerPolicy | undefined>;
+		sizes?: Signalish<string | undefined>;
+		src?: Signalish<string | undefined>;
+		srcSet?: Signalish<string | undefined>;
+		useMap?: Signalish<string | undefined>;
+		width?: Signalish<number | string | undefined>;
 	}
 
-	interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
-		cite?: string | undefined;
-		dateTime?: string | undefined;
+	interface InsHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		cite?: Signalish<string | undefined>;
+		dateTime?: Signalish<string | undefined>;
 	}
 
 	type HTMLInputTypeAttribute =
@@ -280,14 +306,15 @@ declare namespace React {
 		| 'week'
 		| (string & {});
 
-	interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
-		accept?: string | undefined;
-		alt?: string | undefined;
-		autoComplete?: string | undefined;
-		capture?: boolean | 'user' | 'environment' | undefined; // https://www.w3.org/TR/html-media-capture/#the-capture-attribute
-		checked?: boolean | undefined;
-		disabled?: boolean | undefined;
-		enterKeyHint?:
+	interface InputHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		accept?: Signalish<string | undefined>;
+		alt?: Signalish<string | undefined>;
+		autoComplete?: Signalish<string | undefined>;
+		capture?: Signalish<'user' | 'environment' | undefined>; // https://www.w3.org/TR/html-media-capture/#the-capture-attribute
+		checked?: Signalish<boolean | undefined>;
+		disabled?: Signalish<boolean | undefined>;
+		enterKeyHint?: Signalish<
 			| 'enter'
 			| 'done'
 			| 'go'
@@ -295,286 +322,314 @@ declare namespace React {
 			| 'previous'
 			| 'search'
 			| 'send'
-			| undefined;
-		form?: string | undefined;
-		formAction?: string | undefined;
-		formEncType?: string | undefined;
-		formMethod?: string | undefined;
-		formNoValidate?: boolean | undefined;
-		formTarget?: string | undefined;
-		height?: number | string | undefined;
-		list?: string | undefined;
-		max?: number | string | undefined;
-		maxLength?: number | undefined;
-		min?: number | string | undefined;
-		minLength?: number | undefined;
-		multiple?: boolean | undefined;
-		name?: string | undefined;
-		pattern?: string | undefined;
-		placeholder?: string | undefined;
-		readOnly?: boolean | undefined;
-		required?: boolean | undefined;
-		size?: number | undefined;
-		src?: string | undefined;
-		step?: number | string | undefined;
+			| undefined
+		>;
+		form?: Signalish<string | undefined>;
+		formAction?: Signalish<string | undefined>;
+		formEncType?: Signalish<string | undefined>;
+		formMethod?: Signalish<string | undefined>;
+		formNoValidate?: Signalish<boolean | undefined>;
+		formTarget?: Signalish<string | undefined>;
+		height?: Signalish<number | string | undefined>;
+		list?: Signalish<string | undefined>;
+		max?: Signalish<string | undefined>;
+		maxLength?: Signalish<number | undefined>;
+		min?: Signalish<string | undefined>;
+		minLength?: Signalish<number | undefined>;
+		multiple?: Signalish<boolean | undefined>;
+		name?: Signalish<string | undefined>;
+		pattern?: Signalish<string | undefined>;
+		placeholder?: Signalish<string | undefined>;
+		readOnly?: Signalish<boolean | undefined>;
+		required?: Signalish<boolean | undefined>;
+		size?: Signalish<number | undefined>;
+		src?: Signalish<string | undefined>;
+		step?: Signalish<number | string | undefined>;
 		type?: HTMLInputTypeAttribute | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
-		width?: number | string | undefined;
-
+		value?: Signalish<string | number | undefined>;
+		width?: Signalish<number | string | undefined>;
 		onChange?: ChangeEventHandler<T> | undefined;
 	}
 
-	interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-		challenge?: string | undefined;
-		disabled?: boolean | undefined;
-		form?: string | undefined;
-		keyType?: string | undefined;
-		keyParams?: string | undefined;
-		name?: string | undefined;
+	interface KeygenHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		challenge?: Signalish<string | undefined>;
+		disabled?: Signalish<boolean | undefined>;
+		form?: Signalish<string | undefined>;
+		keyType?: Signalish<string | undefined>;
+		keyParams?: Signalish<string | undefined>;
+		name?: Signalish<string | undefined>;
 	}
 
-	interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
-		form?: string | undefined;
-		htmlFor?: string | undefined;
+	interface LabelHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		form?: Signalish<string | undefined>;
+		htmlFor?: Signalish<string | undefined>;
 	}
 
-	interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
-		value?: string | ReadonlyArray<string> | number | undefined;
+	interface LiHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		value?: Signalish<string | number | undefined>;
 	}
 
-	interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
-		as?: string | undefined;
-		crossOrigin?: CrossOrigin;
-		fetchPriority?: 'high' | 'low' | 'auto';
-		href?: string | undefined;
-		hrefLang?: string | undefined;
-		integrity?: string | undefined;
-		media?: string | undefined;
-		imageSrcSet?: string | undefined;
+	interface LinkHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		as?: Signalish<string | undefined>;
+		crossOrigin?: Signalish<HTMLAttributeCrossOrigin>;
+		fetchPriority?: Signalish<'high' | 'low' | 'auto'>;
+		href?: Signalish<string | undefined>;
+		hrefLang?: Signalish<string | undefined>;
+		integrity?: Signalish<string | undefined>;
+		media?: Signalish<string | undefined>;
+		imageSrcSet?: Signalish<string | undefined>;
 		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
-		sizes?: string | undefined;
-		type?: string | undefined;
-		charSet?: string | undefined;
+		sizes?: Signalish<string | undefined>;
+		type?: Signalish<string | undefined>;
+		charSet?: Signalish<string | undefined>;
 	}
 
-	interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
-		name?: string | undefined;
+	interface MapHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		name?: Signalish<string | undefined>;
 	}
 
-	interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
-		type?: string | undefined;
+	interface MenuHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		type?: Signalish<string | undefined>;
 	}
 
-	interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
-		autoPlay?: boolean | undefined;
-		controls?: boolean | undefined;
-		controlsList?: string | undefined;
-		crossOrigin?: CrossOrigin;
-		loop?: boolean | undefined;
-		mediaGroup?: string | undefined;
-		muted?: boolean | undefined;
-		playsInline?: boolean | undefined;
-		preload?: string | undefined;
-		src?: string | undefined;
+	interface MediaHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		autoPlay?: Signalish<boolean | undefined>;
+		controls?: Signalish<boolean | undefined>;
+		controlsList?: Signalish<string | undefined>;
+		crossOrigin?: Signalish<HTMLAttributeCrossOrigin>;
+		loop?: Signalish<boolean | undefined>;
+		mediaGroup?: Signalish<string | undefined>;
+		muted?: Signalish<boolean | undefined>;
+		playsInline?: Signalish<boolean | undefined>;
+		preload?: Signalish<string | undefined>;
+		src?: Signalish<string | undefined>;
 	}
 
-	interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
-		charSet?: string | undefined;
-		httpEquiv?: string | undefined;
-		name?: string | undefined;
-		media?: string | undefined;
+	interface MetaHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		charSet?: Signalish<string | undefined>;
+		httpEquiv?: Signalish<string | undefined>;
+		name?: Signalish<string | undefined>;
+		media?: Signalish<string | undefined>;
 	}
 
-	interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
-		form?: string | undefined;
-		high?: number | undefined;
-		low?: number | undefined;
-		max?: number | string | undefined;
-		min?: number | string | undefined;
-		optimum?: number | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
+	interface MeterHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		form?: Signalish<string | undefined>;
+		high?: Signalish<number | undefined>;
+		low?: Signalish<number | undefined>;
+		max?: Signalish<string | undefined>;
+		min?: Signalish<string | undefined>;
+		optimum?: Signalish<number | undefined>;
+		value?: Signalish<string | number | undefined>;
 	}
 
-	interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
-		cite?: string | undefined;
+	interface QuoteHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		cite?: Signalish<string | undefined>;
 	}
 
-	interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
-		classID?: string | undefined;
-		data?: string | undefined;
-		form?: string | undefined;
-		height?: number | string | undefined;
-		name?: string | undefined;
-		type?: string | undefined;
-		useMap?: string | undefined;
-		width?: number | string | undefined;
-		wmode?: string | undefined;
+	interface ObjectHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		classID?: Signalish<string | undefined>;
+		data?: Signalish<string | undefined>;
+		form?: Signalish<string | undefined>;
+		height?: Signalish<number | string | undefined>;
+		name?: Signalish<string | undefined>;
+		type?: Signalish<string | undefined>;
+		useMap?: Signalish<string | undefined>;
+		width?: Signalish<number | string | undefined>;
+		wmode?: Signalish<string | undefined>;
 	}
 
-	interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
-		reversed?: boolean | undefined;
-		start?: number | undefined;
-		type?: '1' | 'a' | 'A' | 'i' | 'I' | undefined;
+	interface OlHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		reversed?: Signalish<boolean | undefined>;
+		start?: Signalish<number | undefined>;
+		type?: Signalish<'1' | 'a' | 'A' | 'i' | 'I' | undefined>;
 	}
 
-	interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
-		disabled?: boolean | undefined;
-		label?: string | undefined;
+	interface OptgroupHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		disabled?: Signalish<boolean | undefined>;
+		label?: Signalish<string | undefined>;
 	}
 
-	interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
-		disabled?: boolean | undefined;
-		label?: string | undefined;
-		selected?: boolean | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
+	interface OptionHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		disabled?: Signalish<boolean | undefined>;
+		label?: Signalish<string | undefined>;
+		selected?: Signalish<boolean | undefined>;
+		value?: Signalish<string | number | undefined>;
 	}
 
-	interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
-		form?: string | undefined;
-		htmlFor?: string | undefined;
-		name?: string | undefined;
+	interface OutputHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		form?: Signalish<string | undefined>;
+		htmlFor?: Signalish<string | undefined>;
+		name?: Signalish<string | undefined>;
 	}
 
-	interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
-		name?: string | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
+	interface ParamHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		name?: Signalish<string | undefined>;
+		value?: Signalish<string | number | undefined>;
 	}
 
-	interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
-		max?: number | string | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
+	interface ProgressHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		max?: Signalish<string | undefined>;
+		value?: Signalish<string | number | undefined>;
 	}
 
-	interface SlotHTMLAttributes<T> extends HTMLAttributes<T> {
-		name?: string | undefined;
+	interface SlotHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		name?: Signalish<string | undefined>;
 	}
 
-	interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
-		async?: boolean | undefined;
+	interface ScriptHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		async?: Signalish<boolean | undefined>;
 		/** @deprecated */
-		charSet?: string | undefined;
-		crossOrigin?: CrossOrigin;
-		defer?: boolean | undefined;
-		integrity?: string | undefined;
-		noModule?: boolean | undefined;
+		charSet?: Signalish<string | undefined>;
+		crossOrigin?: Signalish<HTMLAttributeCrossOrigin>;
+		defer?: Signalish<boolean | undefined>;
+		integrity?: Signalish<string | undefined>;
+		noModule?: Signalish<boolean | undefined>;
 		referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
-		src?: string | undefined;
-		type?: string | undefined;
-	}
-
-	interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-		autoComplete?: string | undefined;
-		disabled?: boolean | undefined;
-		form?: string | undefined;
-		multiple?: boolean | undefined;
-		name?: string | undefined;
-		required?: boolean | undefined;
-		size?: number | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
+		src?: Signalish<string | undefined>;
+		type?: Signalish<string | undefined>;
+	}
+
+	interface SelectHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		autoComplete?: Signalish<string | undefined>;
+		disabled?: Signalish<boolean | undefined>;
+		form?: Signalish<string | undefined>;
+		multiple?: Signalish<boolean | undefined>;
+		name?: Signalish<string | undefined>;
+		required?: Signalish<boolean | undefined>;
+		size?: Signalish<number | undefined>;
+		value?: Signalish<string | number | undefined>;
 		onChange?: ChangeEventHandler<T> | undefined;
 	}
 
-	interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
-		height?: number | string | undefined;
-		media?: string | undefined;
-		sizes?: string | undefined;
-		src?: string | undefined;
-		srcSet?: string | undefined;
-		type?: string | undefined;
-		width?: number | string | undefined;
-	}
-
-	interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
-		media?: string | undefined;
-		scoped?: boolean | undefined;
-		type?: string | undefined;
-	}
-
-	interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
-		cellPadding?: number | string | undefined;
-		cellSpacing?: number | string | undefined;
-		summary?: string | undefined;
-		width?: number | string | undefined;
-	}
-
-	interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
-		autoComplete?: string | undefined;
-		cols?: number | undefined;
-		dirName?: string | undefined;
-		disabled?: boolean | undefined;
-		form?: string | undefined;
-		maxLength?: number | undefined;
-		minLength?: number | undefined;
-		name?: string | undefined;
-		placeholder?: string | undefined;
-		readOnly?: boolean | undefined;
-		required?: boolean | undefined;
-		rows?: number | undefined;
-		value?: string | ReadonlyArray<string> | number | undefined;
-		wrap?: string | undefined;
-
+	interface SourceHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		height?: Signalish<number | string | undefined>;
+		media?: Signalish<string | undefined>;
+		sizes?: Signalish<string | undefined>;
+		src?: Signalish<string | undefined>;
+		srcSet?: Signalish<string | undefined>;
+		type?: Signalish<string | undefined>;
+		width?: Signalish<number | string | undefined>;
+	}
+
+	interface StyleHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		media?: Signalish<string | undefined>;
+		scoped?: Signalish<boolean | undefined>;
+		type?: Signalish<string | undefined>;
+	}
+
+	interface TableHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		cellPadding?: Signalish<string | undefined>;
+		cellSpacing?: Signalish<string | undefined>;
+		summary?: Signalish<string | undefined>;
+		width?: Signalish<number | string | undefined>;
+	}
+
+	interface TextareaHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		autoComplete?: Signalish<string | undefined>;
+		cols?: Signalish<number | undefined>;
+		dirName?: Signalish<string | undefined>;
+		disabled?: Signalish<boolean | undefined>;
+		form?: Signalish<string | undefined>;
+		maxLength?: Signalish<number | undefined>;
+		minLength?: Signalish<number | undefined>;
+		name?: Signalish<string | undefined>;
+		placeholder?: Signalish<string | undefined>;
+		readOnly?: Signalish<boolean | undefined>;
+		required?: Signalish<boolean | undefined>;
+		rows?: Signalish<number | undefined>;
+		value?: Signalish<string | number | undefined>;
+		wrap?: Signalish<string | undefined>;
 		onChange?: ChangeEventHandler<T> | undefined;
 	}
 
-	interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
-		align?: 'left' | 'center' | 'right' | 'justify' | 'char' | undefined;
-		colSpan?: number | undefined;
-		headers?: string | undefined;
-		rowSpan?: number | undefined;
-		scope?: string | undefined;
-		abbr?: string | undefined;
-		height?: number | string | undefined;
-		width?: number | string | undefined;
-		valign?: 'top' | 'middle' | 'bottom' | 'baseline' | undefined;
-	}
-
-	interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
-		align?: 'left' | 'center' | 'right' | 'justify' | 'char' | undefined;
-		colSpan?: number | undefined;
-		headers?: string | undefined;
-		rowSpan?: number | undefined;
-		scope?: string | undefined;
-		abbr?: string | undefined;
-	}
-
-	interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
-		dateTime?: string | undefined;
-	}
-
-	interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
-		default?: boolean | undefined;
-		kind?: string | undefined;
-		label?: string | undefined;
-		src?: string | undefined;
-		srcLang?: string | undefined;
-	}
-
-	interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
-		height?: number | string | undefined;
-		playsInline?: boolean | undefined;
-		poster?: string | undefined;
-		width?: number | string | undefined;
-		disablePictureInPicture?: boolean | undefined;
-		disableRemotePlayback?: boolean | undefined;
-	}
-
-	interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
-		allowFullScreen?: boolean | undefined;
-		allowpopups?: boolean | undefined;
-		autosize?: boolean | undefined;
-		blinkfeatures?: string | undefined;
-		disableblinkfeatures?: string | undefined;
-		disableguestresize?: boolean | undefined;
-		disablewebsecurity?: boolean | undefined;
-		guestinstance?: string | undefined;
-		httpreferrer?: string | undefined;
-		nodeintegration?: boolean | undefined;
-		partition?: string | undefined;
-		plugins?: boolean | undefined;
-		preload?: string | undefined;
-		src?: string | undefined;
-		useragent?: string | undefined;
-		webpreferences?: string | undefined;
+	interface TdHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		align?: Signalish<
+			'left' | 'center' | 'right' | 'justify' | 'char' | undefined
+		>;
+		colSpan?: Signalish<number | undefined>;
+		headers?: Signalish<string | undefined>;
+		rowSpan?: Signalish<number | undefined>;
+		scope?: Signalish<string | undefined>;
+		abbr?: Signalish<string | undefined>;
+		height?: Signalish<number | string | undefined>;
+		width?: Signalish<number | string | undefined>;
+		valign?: Signalish<'top' | 'middle' | 'bottom' | 'baseline' | undefined>;
+	}
+
+	interface ThHTMLAttributes<T extends EventTarget> extends HTMLAttributes<T> {
+		align?: Signalish<
+			'left' | 'center' | 'right' | 'justify' | 'char' | undefined
+		>;
+		colSpan?: Signalish<number | undefined>;
+		headers?: Signalish<string | undefined>;
+		rowSpan?: Signalish<number | undefined>;
+		scope?: Signalish<string | undefined>;
+		abbr?: Signalish<string | undefined>;
+	}
+
+	interface TimeHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		dateTime?: Signalish<string | undefined>;
+	}
+
+	interface TrackHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		default?: Signalish<boolean | undefined>;
+		kind?: Signalish<string | undefined>;
+		label?: Signalish<string | undefined>;
+		src?: Signalish<string | undefined>;
+		srcLang?: Signalish<string | undefined>;
+	}
+
+	interface VideoHTMLAttributes<T extends EventTarget>
+		extends MediaHTMLAttributes<T> {
+		height?: Signalish<number | string | undefined>;
+		playsInline?: Signalish<boolean | undefined>;
+		poster?: Signalish<string | undefined>;
+		width?: Signalish<number | string | undefined>;
+		disablePictureInPicture?: Signalish<boolean | undefined>;
+		disableRemotePlayback?: Signalish<boolean | undefined>;
+	}
+
+	interface WebViewHTMLAttributes<T extends EventTarget>
+		extends HTMLAttributes<T> {
+		allowFullScreen?: Signalish<boolean | undefined>;
+		allowpopups?: Signalish<boolean | undefined>;
+		autosize?: Signalish<boolean | undefined>;
+		blinkfeatures?: Signalish<string | undefined>;
+		disableblinkfeatures?: Signalish<string | undefined>;
+		disableguestresize?: Signalish<boolean | undefined>;
+		disablewebsecurity?: Signalish<boolean | undefined>;
+		guestinstance?: Signalish<string | undefined>;
+		httpreferrer?: Signalish<string | undefined>;
+		nodeintegration?: Signalish<boolean | undefined>;
+		partition?: Signalish<string | undefined>;
+		plugins?: Signalish<boolean | undefined>;
+		preload?: Signalish<string | undefined>;
+		src?: Signalish<string | undefined>;
+		useragent?: Signalish<string | undefined>;
+		webpreferences?: Signalish<string | undefined>;
 	}
 
 	// Events