@fluixi/jsx 1.0.0-alpha.62 → 1.0.0-alpha.63

package/dist/lib/jsx.d.ts

@@ -3,1442 +3,90 @@
  * @module @fluixi/core/jsx-runtime
  */
 
-import { Accessor } from '@fluixi/reactive/signal';
 
-// ============================================================================
-// Helper Types
-// ============================================================================
+import type { Accessor } from '@fluixi/reactive/signal';
 
-/**
- * A prop value that may be a static value or a reactive accessor. The automatic JSX runtime
- * applies a function-valued prop as a reactive render effect, so any attribute typed with this
- * accepts `() => value` without a cast.
- *
- * The accessor may return `undefined` to omit the attribute reactively — `setAttribute`
- * removes the attr on `undefined`/`null`/`false` — so `() => (cond ? 'true' : undefined)`
- * type-checks without a cast.
- */
-type Reactive<T> = T | undefined | Accessor<T | undefined>;
+// Element attribute types live in @fluixi/dom: they describe the DOM, not JSX
+// syntax, so html`` tooling can read them without depending on this package.
+// Re-exported here so `JSX.HTMLAttributes` and friends keep working unchanged.
+import type * as A from '@fluixi/dom/attributes';
 
-// Bivariant ref callback (method position defeats strict param contravariance)
-// so a base-element handler is assignable to a specific-element ref slot and
-// vice versa. Paired with the base-element object form on `ref` below, this lets
-// props typed `HTMLAttributes<HTMLElement>` AND `HTMLAttributes<HTMLDivElement>`
-// both spread onto the same intrinsic.
-type RefCallback<T> = { bivarianceHack(el: T): void }['bivarianceHack'];
-
-type HTMLDir = 'ltr' | 'rtl' | 'auto';
-type HTMLAutocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-type HTMLInputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
-type HTMLFormEncType = 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
-type HTMLFormMethod = 'get' | 'post' | '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';
+export type { Reactive, RefCallback } from '@fluixi/dom/attributes';
 
 export namespace JSX {
   // ============================================================================
   // Element
   // ============================================================================
 
-  export type Element =
-    | Node
-    | string
-    | number
-    | boolean
-    | null
-    | undefined
-    | Element[]
-    | HTMLElement | Accessor<any>
-    | globalThis.Element;
-
-  // ============================================================================
-  // Style
-  // ============================================================================
-
-  /**
-   * A `style` object: known camelCase CSS properties (autocompleted from the DOM
-   * `CSSStyleDeclaration`), custom `--*` properties, plus a string fallback for
-   * anything not in the lib. Values may be strings or numbers.
-   */
-  export type CSSProperties =
-    & { [K in Exclude<keyof CSSStyleDeclaration, 'length' | 'parentRule'>]?: string | number }
-    & { [key: `--${string}`]: string | number }
-    & { [key: string]: string | number | undefined };
-
-  // ============================================================================
-  // ARIA Attributes
-  // ============================================================================
-
-  export interface AriaAttributes {
-    'aria-activedescendant'?: Reactive<string>;
-    'aria-atomic'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-autocomplete'?: Reactive<'none' | 'inline' | 'list' | 'both'>;
-    'aria-braillelabel'?: Reactive<string>;
-    'aria-brailleroledescription'?: Reactive<string>;
-    'aria-busy'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-checked'?: Reactive<boolean | 'true' | 'false' | 'mixed'>;
-    'aria-colcount'?: Reactive<number>;
-    'aria-colindex'?: Reactive<number>;
-    'aria-colindextext'?: Reactive<string>;
-    'aria-colspan'?: Reactive<number>;
-    'aria-controls'?: Reactive<string>;
-    'aria-current'?: Reactive<boolean | 'true' | 'false' | 'page' | 'step' | 'location' | 'date' | 'time'>;
-    'aria-describedby'?: Reactive<string>;
-    'aria-description'?: Reactive<string>;
-    'aria-details'?: Reactive<string>;
-    'aria-disabled'?: Reactive<boolean | 'true' | 'false'>;
-    /** @deprecated */
-    'aria-dropeffect'?: Reactive<'none' | 'copy' | 'execute' | 'link' | 'move' | 'popup'>;
-    'aria-errormessage'?: Reactive<string>;
-    'aria-expanded'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-flowto'?: Reactive<string>;
-    /** @deprecated */
-    'aria-grabbed'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-haspopup'?: Reactive<boolean | 'true' | 'false' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog'>;
-    'aria-hidden'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-invalid'?: Reactive<boolean | 'true' | 'false' | 'grammar' | 'spelling'>;
-    'aria-keyshortcuts'?: Reactive<string>;
-    'aria-label'?: Reactive<string>;
-    'aria-labelledby'?: Reactive<string>;
-    'aria-level'?: Reactive<number>;
-    'aria-live'?: Reactive<'off' | 'assertive' | 'polite'>;
-    'aria-modal'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-multiline'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-multiselectable'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-orientation'?: Reactive<'horizontal' | 'vertical'>;
-    'aria-owns'?: Reactive<string>;
-    'aria-placeholder'?: Reactive<string>;
-    'aria-posinset'?: Reactive<number>;
-    'aria-pressed'?: Reactive<boolean | 'true' | 'false' | 'mixed'>;
-    'aria-readonly'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-relevant'?: Reactive<'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals'>;
-    'aria-required'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-roledescription'?: Reactive<string>;
-    'aria-rowcount'?: Reactive<number>;
-    'aria-rowindex'?: Reactive<number>;
-    'aria-rowindextext'?: Reactive<string>;
-    'aria-rowspan'?: Reactive<number>;
-    'aria-selected'?: Reactive<boolean | 'true' | 'false'>;
-    'aria-setsize'?: Reactive<number>;
-    'aria-sort'?: Reactive<'none' | 'ascending' | 'descending' | 'other'>;
-    'aria-valuemax'?: Reactive<number>;
-    'aria-valuemin'?: Reactive<number>;
-    'aria-valuenow'?: Reactive<number>;
-    'aria-valuetext'?: Reactive<string>;
-    role?: Reactive<string>;
-  }
-
-  // ============================================================================
-  // DOM Attributes (Events)
-  // ============================================================================
-
-  export interface DOMAttributes<T = Element> extends AriaAttributes {
-    // children?: JSX.Element | (()=>any) | ((arg: any) => any);
-    // Clipboard Events
-    onCopy?: (event: ClipboardEvent) => void;
-    onCut?: (event: ClipboardEvent) => void;
-    onPaste?: (event: ClipboardEvent) => void;
-
-    // Composition Events
-    onCompositionEnd?: (event: CompositionEvent) => void;
-    onCompositionStart?: (event: CompositionEvent) => void;
-    onCompositionUpdate?: (event: CompositionEvent) => void;
-
-    // Focus Events
-    onFocus?: (event: FocusEvent) => void;
-    onFocusIn?: (event: FocusEvent) => void;
-    onFocusOut?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-
-    // Form Events
-    onChange?: (event: InputEvent) => void;
-    onInput?: (event: InputEvent) => void;
-    onBeforeInput?: (event: InputEvent) => void;
-    onReset?: (event: Event) => void;
-    onSubmit?: (event: SubmitEvent) => void;
-    onInvalid?: (event: Event) => void;
-    onFormData?: (event: FormDataEvent) => void;
-
-    // Image Events
-    onLoad?: (event: Event) => void;
-    onError?: (event: Event) => void;
-
-    // Keyboard Events
-    onKeyDown?: (event: KeyboardEvent) => void;
-    /** @deprecated */
-    onKeyPress?: (event: KeyboardEvent) => void;
-    onKeyUp?: (event: KeyboardEvent) => void;
-
-    // Media Events
-    onAbort?: (event: Event) => void;
-    onCanPlay?: (event: Event) => void;
-    onCanPlayThrough?: (event: Event) => void;
-    onDurationChange?: (event: Event) => void;
-    onEmptied?: (event: Event) => void;
-    onEncrypted?: (event: Event) => void;
-    onEnded?: (event: Event) => void;
-    onLoadedData?: (event: Event) => void;
-    onLoadedMetadata?: (event: Event) => void;
-    onLoadStart?: (event: Event) => void;
-    onPause?: (event: Event) => void;
-    onPlay?: (event: Event) => void;
-    onPlaying?: (event: Event) => void;
-    onProgress?: (event: Event) => void;
-    onRateChange?: (event: Event) => void;
-    onSeeked?: (event: Event) => void;
-    onSeeking?: (event: Event) => void;
-    onStalled?: (event: Event) => void;
-    onSuspend?: (event: Event) => void;
-    onTimeUpdate?: (event: Event) => void;
-    onVolumeChange?: (event: Event) => void;
-    onWaiting?: (event: Event) => void;
-    onCueChange?: (event: Event) => void;
-
-    // Mouse Events
-    onClick?: (event: MouseEvent) => void;
-    onAuxClick?: (event: MouseEvent) => void;
-    onContextMenu?: (event: MouseEvent) => void;
-    onDblClick?: (event: MouseEvent) => void;
-    /** @deprecated use onDblClick */
-    onDoubleClick?: (event: MouseEvent) => void;
-    onDrag?: (event: DragEvent) => void;
-    onDragEnd?: (event: DragEvent) => void;
-    onDragEnter?: (event: DragEvent) => void;
-    onDragExit?: (event: DragEvent) => void;
-    onDragLeave?: (event: DragEvent) => void;
-    onDragOver?: (event: DragEvent) => void;
-    onDragStart?: (event: DragEvent) => void;
-    onDrop?: (event: DragEvent) => void;
-    onMouseDown?: (event: MouseEvent) => void;
-    onMouseEnter?: (event: MouseEvent) => void;
-    onMouseLeave?: (event: MouseEvent) => void;
-    onMouseMove?: (event: MouseEvent) => void;
-    onMouseOut?: (event: MouseEvent) => void;
-    onMouseOver?: (event: MouseEvent) => void;
-    onMouseUp?: (event: MouseEvent) => void;
-
-    // Pointer Events
-    onPointerDown?: (event: PointerEvent) => void;
-    onPointerMove?: (event: PointerEvent) => void;
-    onPointerUp?: (event: PointerEvent) => void;
-    onPointerCancel?: (event: PointerEvent) => void;
-    onPointerEnter?: (event: PointerEvent) => void;
-    onPointerLeave?: (event: PointerEvent) => void;
-    onPointerOver?: (event: PointerEvent) => void;
-    onPointerOut?: (event: PointerEvent) => void;
-    onGotPointerCapture?: (event: PointerEvent) => void;
-    onLostPointerCapture?: (event: PointerEvent) => void;
-
-    // Selection Events
-    onSelect?: (event: Event) => void;
-    onSelectionChange?: (event: Event) => void;
-    onSelectStart?: (event: Event) => void;
-
-    // Touch Events
-    onTouchCancel?: (event: TouchEvent) => void;
-    onTouchEnd?: (event: TouchEvent) => void;
-    onTouchMove?: (event: TouchEvent) => void;
-    onTouchStart?: (event: TouchEvent) => void;
-
-    // UI Events
-    onScroll?: (event: UIEvent) => void;
-    onScrollEnd?: (event: Event) => void;
-    onResize?: (event: UIEvent) => void;
-
-    // Wheel Events
-    onWheel?: (event: WheelEvent) => void;
-
-    // Animation Events
-    onAnimationStart?: (event: AnimationEvent) => void;
-    onAnimationEnd?: (event: AnimationEvent) => void;
-    onAnimationIteration?: (event: AnimationEvent) => void;
-    onAnimationCancel?: (event: AnimationEvent) => void;
-
-    // Transition Events
-    onTransitionStart?: (event: TransitionEvent) => void;
-    onTransitionRun?: (event: TransitionEvent) => void;
-    onTransitionEnd?: (event: TransitionEvent) => void;
-    onTransitionCancel?: (event: TransitionEvent) => void;
-
-    // Toggle/Popover Events
-    onToggle?: (event: Event) => void;
-    onBeforeToggle?: (event: Event) => void;
-
-    // Fullscreen Events
-    onFullscreenChange?: (event: Event) => void;
-    onFullscreenError?: (event: Event) => void;
-
-    // Slot Events
-    onSlotChange?: (event: Event) => void;
-
-    // Security
-    onSecurityPolicyViolation?: (event: SecurityPolicyViolationEvent) => void;
-
-    // Dialog/Popover
-    onClose?: (event: Event) => void;
-    onCancel?: (event: Event) => void;
-
-    // Context Events (WebGL)
-    onContextLost?: (event: Event) => void;
-    onContextRestored?: (event: Event) => void;
-
-    // Custom events (arbitrary on* handlers)
-    [key: `on${string}`]: ((event: any) => void) | undefined;
-  }
-
-  // ============================================================================
-  // HTML Attributes (Base)
-  // ============================================================================
-
-  export interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
-    // Standard HTML attributes
-    accessKey?: string;
-    accesskey?: string;
-    autocapitalize?: HTMLAutocapitalize;
-    autoCapitalize?: HTMLAutocapitalize;
-    autocorrect?: 'on' | 'off';
-    class?: string | Record<string, boolean> | Accessor<string>;
-    className?: string | Record<string, boolean> | Accessor<string>;
-    classList?: Record<string, boolean>;
-    contentEditable?: boolean | 'true' | 'false' | 'inherit' | 'plaintext-only';
-    contenteditable?: boolean | 'true' | 'false' | 'inherit' | 'plaintext-only';
-    dir?: HTMLDir;
-    draggable?: boolean | 'true' | 'false';
-    elementtiming?: string;
-    enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-    /** @deprecated */
-    exportparts?: string;
-    exportParts?: string;
-    hidden?: Reactive<boolean>;
-    id?: string | Accessor<string>;
-    inert?: boolean;
-    inputmode?: HTMLInputMode;
-    inputMode?: HTMLInputMode;
-    is?: string;
-    lang?: string;
-    nonce?: string;
-    part?: string;
-    popover?: boolean | 'manual' | 'auto';
-    slot?: string;
-    spellCheck?: boolean;
-    spellcheck?: boolean;
-    style?: string | CSSProperties | Accessor<string | CSSProperties>;
-    tabIndex?: Reactive<number>;
-    tabindex?: Reactive<number>;
-    title?: string | Accessor<string>;
-    translate?: 'yes' | 'no';
-
-    // Microdata (schema.org)
-    itemid?: string;
-    itemId?: string;
-    itemprop?: string;
-    itemProp?: string;
-    itemref?: string;
-    itemRef?: string;
-    itemscope?: boolean;
-    itemScope?: boolean;
-    itemtype?: string;
-    itemType?: string;
-
-    // RDFa
-    about?: string;
-    datatype?: string;
-    inlist?: any;
-    prefix?: string;
-    property?: string;
-    resource?: string;
-    typeof?: string;
-    vocab?: string;
-
-    // Lit-specific property/boolean/event bindings
-    [key: `.${string}`]: any;
-    [key: `?${string}`]: boolean;
-    [key: `@${string}`]: EventListener;
-
-    // use:dir / oncapture:event (on:event already covered above)
-    [key: `use:${string}`]: any;
-    [key: `oncapture:${string}`]: (event: any) => void;
-
-    // Forced bindings: prop:x sets a DOM property, attr:x sets an attribute,
-    // bool:x toggles a boolean attribute (bypassing the property/attribute heuristic)
-    [key: `prop:${string}`]: Reactive<any>;
-    [key: `attr:${string}`]: Reactive<string | number | boolean | undefined>;
-    [key: `bool:${string}`]: Reactive<boolean | undefined>;
-
-    // Data attributes
-    [key: `data-${string}`]: string | number | boolean | undefined;
-
-    // Ref (bivariant callback + base-element object form — see RefCallback)
-    ref?: RefCallback<T> | { current: T | null } | { current: HTMLElement | null };
-    key?: string | number;
-
-    // Children
-    children?: Element;
-
-    // innerHTML / textContent (a static value or a reactive accessor)
-    innerHTML?: string | (() => string);
-    textContent?: string | number;
-  }
-
-  // ============================================================================
-  // Specific Element Attribute Interfaces
-  // ============================================================================
-
-  export interface AnchorHTMLAttributes<T = HTMLAnchorElement> extends HTMLAttributes<T> {
-    download?: any;
-    href?: string | Accessor<string>;
-    hrefLang?: string;
-    hreflang?: string;
-    media?: string;
-    ping?: string;
-    rel?: string;
-    target?: '_self' | '_blank' | '_parent' | '_top' | (string & {});
-    type?: string;
-    referrerPolicy?: HTMLReferrerPolicy;
-    referrerpolicy?: HTMLReferrerPolicy;
-  }
-
-  export interface AreaHTMLAttributes<T = HTMLAreaElement> extends HTMLAttributes<T> {
-    alt?: string;
-    coords?: string;
-    download?: any;
-    href?: string;
-    hrefLang?: string;
-    hreflang?: string;
-    ping?: string;
-    referrerpolicy?: HTMLReferrerPolicy;
-    referrerPolicy?: HTMLReferrerPolicy;
-    rel?: string;
-    shape?: string;
-    target?: string;
-  }
-
-  export interface BaseHTMLAttributes<T = HTMLBaseElement> extends HTMLAttributes<T> {
-    href?: string;
-    target?: string;
-  }
-
-  export interface BlockquoteHTMLAttributes<T = HTMLQuoteElement> extends HTMLAttributes<T> {
-    cite?: string;
-  }
-
-  export interface ButtonHTMLAttributes<T = HTMLButtonElement> extends HTMLAttributes<T> {
-    autofocus?: boolean;
-    autoFocus?: boolean;
-    command?: string;
-    commandfor?: string;
-    commandFor?: string;
-    disabled?: boolean | Accessor<boolean>;
-    form?: string;
-    formAction?: string;
-    formaction?: string;
-    formEncType?: HTMLFormEncType;
-    formenctype?: HTMLFormEncType;
-    formMethod?: HTMLFormMethod;
-    formmethod?: HTMLFormMethod;
-    formNoValidate?: boolean;
-    formnovalidate?: boolean;
-    formTarget?: string;
-    formtarget?: string;
-    name?: string;
-    popoverTarget?: string;
-    popovertarget?: string;
-    popoverTargetAction?: 'hide' | 'show' | 'toggle';
-    popovertargetaction?: 'hide' | 'show' | 'toggle';
-    type?: 'submit' | 'reset' | 'button';
-    value?: string | ReadonlyArray<string> | number;
-  }
-
-  export interface CanvasHTMLAttributes<T = HTMLCanvasElement> extends HTMLAttributes<T> {
-    height?: number | string;
-    width?: number | string;
-  }
-
-  export interface ColHTMLAttributes<T = HTMLTableColElement> extends HTMLAttributes<T> {
-    span?: number;
-    width?: number | string;
-  }
-
-  export interface ColgroupHTMLAttributes<T = HTMLTableColElement> extends HTMLAttributes<T> {
-    span?: number;
-  }
-
-  export interface DataHTMLAttributes<T = HTMLDataElement> extends HTMLAttributes<T> {
-    value?: string | ReadonlyArray<string> | number;
-  }
-
-  export interface DetailsHTMLAttributes<T = HTMLDetailsElement> extends HTMLAttributes<T> {
-    name?: string;
-    open?: boolean;
-    onToggle?: (event: Event) => void;
-  }
-
-  export interface DialogHTMLAttributes<T = HTMLDialogElement> extends HTMLAttributes<T> {
-    open?: boolean;
-    onClose?: (event: Event) => void;
-    onCancel?: (event: Event) => void;
-  }
-
-  export interface EmbedHTMLAttributes<T = HTMLEmbedElement> extends HTMLAttributes<T> {
-    height?: number | string;
-    src?: string;
-    type?: string;
-    width?: number | string;
-  }
-
-  export interface FieldsetHTMLAttributes<T = HTMLFieldSetElement> extends HTMLAttributes<T> {
-    disabled?: boolean;
-    form?: string;
-    name?: string;
-  }
-
-  export interface FormHTMLAttributes<T = HTMLFormElement> extends HTMLAttributes<T> {
-    accept?: string;
-    'accept-charset'?: string;
-    acceptCharset?: string;
-    action?: string;
-    autoComplete?: string;
-    autocomplete?: string;
-    encType?: HTMLFormEncType;
-    enctype?: HTMLFormEncType;
-    encoding?: HTMLFormEncType;
-    method?: HTMLFormMethod;
-    name?: string;
-    noValidate?: boolean;
-    novalidate?: boolean;
-    rel?: string;
-    target?: string;
-  }
-
-  export interface IframeHTMLAttributes<T = HTMLIFrameElement> extends HTMLAttributes<T> {
-    allow?: string;
-    allowFullScreen?: boolean;
-    allowfullscreen?: boolean;
-    allowTransparency?: boolean;
-    /** @deprecated */
-    frameBorder?: number | string;
-    height?: number | string;
-    loading?: 'eager' | 'lazy';
-    /** @deprecated */
-    marginHeight?: number;
-    /** @deprecated */
-    marginWidth?: number;
-    name?: string;
-    referrerPolicy?: HTMLReferrerPolicy;
-    referrerpolicy?: HTMLReferrerPolicy;
-    sandbox?: string;
-    /** @deprecated */
-    scrolling?: string;
-    /** @deprecated */
-    seamless?: boolean;
-    src?: string;
-    srcDoc?: string;
-    srcdoc?: string;
-    width?: number | string;
-  }
-
-  export interface ImgHTMLAttributes<T = HTMLImageElement> extends HTMLAttributes<T> {
-    alt?: string;
-    crossOrigin?: HTMLCrossOrigin;
-    crossorigin?: HTMLCrossOrigin;
-    decoding?: 'async' | 'auto' | 'sync';
-    fetchpriority?: 'high' | 'low' | 'auto';
-    height?: number | string;
-    isMap?: boolean;
-    ismap?: boolean;
-    loading?: 'eager' | 'lazy';
-    referrerPolicy?: HTMLReferrerPolicy;
-    referrerpolicy?: HTMLReferrerPolicy;
-    sizes?: string;
-    src?: string | Accessor<string>;
-    srcSet?: string;
-    srcset?: string;
-    useMap?: string;
-    usemap?: string;
-    width?: number | string;
-  }
-
-  export interface InputHTMLAttributes<T = HTMLInputElement>
-    extends HTMLAttributes<T> {
-    accept?: string;
-    alt?: string;
-    autoComplete?: string;
-    autocomplete?: string;
-    autoFocus?: boolean;
-    autofocus?: boolean;
-    capture?: boolean | 'user' | 'environment';
-    checked?: boolean | Accessor<boolean>;
-    crossOrigin?: HTMLCrossOrigin;
-    crossorigin?: HTMLCrossOrigin;
-    dirName?: string;
-    dirname?: string;
-    disabled?: boolean | Accessor<boolean>;
-    form?: string;
-    formAction?: string;
-    formaction?: string;
-    formEncType?: HTMLFormEncType;
-    formenctype?: HTMLFormEncType;
-    formMethod?: HTMLFormMethod;
-    formmethod?: HTMLFormMethod;
-    formNoValidate?: boolean;
-    formnovalidate?: boolean;
-    formTarget?: string;
-    formtarget?: string;
-    height?: number | string;
-    incremental?: boolean;
-    list?: string;
-    max?: Reactive<number | string>;
-    maxLength?: Reactive<number>;
-    maxlength?: Reactive<number>;
-    min?: Reactive<number | string>;
-    minLength?: Reactive<number>;
-    minlength?: Reactive<number>;
-    multiple?: Reactive<boolean>;
-    name?: string;
-    pattern?: Reactive<string>;
-    placeholder?: string | Accessor<string>;
-    popoverTarget?: string;
-    popovertarget?: string;
-    popoverTargetAction?: 'hide' | 'show' | 'toggle';
-    popovertargetaction?: 'hide' | 'show' | 'toggle';
-    readOnly?: Reactive<boolean>;
-    readonly?: Reactive<boolean>;
-    required?: Reactive<boolean>;
-    results?: number;
-    size?: Reactive<number>;
-    src?: string;
-    step?: Reactive<number | string>;
-    indeterminate?: boolean | Accessor<boolean>;
-    type?:
-      | 'button'
-      | 'checkbox'
-      | 'color'
-      | 'date'
-      | 'datetime-local'
-      | 'email'
-      | 'file'
-      | 'hidden'
-      | 'image'
-      | 'month'
-      | 'number'
-      | 'password'
-      | 'radio'
-      | 'range'
-      | 'reset'
-      | 'search'
-      | 'submit'
-      | 'tel'
-      | 'text'
-      | 'time'
-      | 'url'
-      | 'week'
-      | (string & {});
-    useMap?: string;
-    usemap?: string;
-    value?: string | number | ReadonlyArray<string> | Accessor<string | number>;
-    width?: number | string;
-  }
-
-  export interface KeygenHTMLAttributes<T = HTMLElement> extends HTMLAttributes<T> {
-    /** @deprecated */
-    autofocus?: boolean;
-    /** @deprecated */
-    challenge?: string;
-    /** @deprecated */
-    disabled?: boolean;
-    /** @deprecated */
-    form?: string;
-    /** @deprecated */
-    keytype?: string;
-    /** @deprecated */
-    keyparams?: string;
-    /** @deprecated */
-    name?: string;
-  }
-
-  export interface LabelHTMLAttributes<T = HTMLLabelElement> extends HTMLAttributes<T> {
-    for?: string;
-    htmlFor?: string;
-    form?: string;
-  }
-
-  export interface LiHTMLAttributes<T = HTMLLIElement> extends HTMLAttributes<T> {
-    value?: number | string;
-  }
-
-  export interface LinkHTMLAttributes<T = HTMLLinkElement> extends HTMLAttributes<T> {
-    as?: string;
-    crossOrigin?: HTMLCrossOrigin;
-    crossorigin?: HTMLCrossOrigin;
-    disabled?: boolean;
-    fetchpriority?: 'high' | 'low' | 'auto';
-    href?: string;
-    hrefLang?: string;
-    hreflang?: string;
-    imageSizes?: string;
-    imageSrcSet?: string;
-    integrity?: string;
-    media?: string;
-    referrerPolicy?: HTMLReferrerPolicy;
-    referrerpolicy?: HTMLReferrerPolicy;
-    rel?: string;
-    sizes?: string;
-    type?: string;
-  }
-
-  export interface MapHTMLAttributes<T = HTMLMapElement> extends HTMLAttributes<T> {
-    name?: string;
-  }
-
-  export interface MediaHTMLAttributes<T = HTMLMediaElement> extends HTMLAttributes<T> {
-    autoPlay?: boolean;
-    autoplay?: boolean;
-    controls?: boolean;
-    controlsList?: string;
-    crossOrigin?: HTMLCrossOrigin;
-    crossorigin?: HTMLCrossOrigin;
-    loop?: boolean;
-    mediaGroup?: string;
-    muted?: boolean;
-    playsInline?: boolean;
-    playsinline?: boolean;
-    preload?: 'none' | 'metadata' | 'auto' | '';
-    src?: string;
-  }
-
-  export interface MetaHTMLAttributes<T = HTMLMetaElement> extends HTMLAttributes<T> {
-    charSet?: string;
-    charset?: string;
-    content?: string;
-    httpEquiv?: string;
-    'http-equiv'?: string;
-    media?: string;
-    name?: string;
-  }
-
-  export interface MeterHTMLAttributes<T = HTMLMeterElement> extends HTMLAttributes<T> {
-    form?: string;
-    high?: number;
-    low?: number;
-    max?: number | string;
-    min?: number | string;
-    optimum?: number;
-    value?: string | ReadonlyArray<string> | number;
-  }
-
-  export interface ModHTMLAttributes<T = HTMLModElement> extends HTMLAttributes<T> {
-    cite?: string;
-    dateTime?: string;
-    datetime?: string;
-  }
-
-  export interface ObjectHTMLAttributes<T = HTMLObjectElement> extends HTMLAttributes<T> {
-    classID?: string;
-    data?: string;
-    form?: string;
-    height?: number | string;
-    name?: string;
-    type?: string;
-    useMap?: string;
-    usemap?: string;
-    width?: number | string;
-    wmode?: string;
-  }
-
-  export interface OlHTMLAttributes<T = HTMLOListElement> extends HTMLAttributes<T> {
-    reversed?: boolean;
-    start?: number;
-    type?: '1' | 'a' | 'A' | 'i' | 'I';
-  }
-
-  export interface OptgroupHTMLAttributes<T = HTMLOptGroupElement> extends HTMLAttributes<T> {
-    disabled?: boolean;
-    label?: string;
-  }
-
-  export interface OptionHTMLAttributes<T = HTMLOptionElement> extends HTMLAttributes<T> {
-    disabled?: boolean;
-    label?: string;
-    selected?: boolean;
-    value?: string | ReadonlyArray<string> | number;
-  }
-
-  export interface OutputHTMLAttributes<T = HTMLOutputElement> extends HTMLAttributes<T> {
-    for?: string;
-    htmlFor?: string;
-    form?: string;
-    name?: string;
-  }
-
-  export interface ParamHTMLAttributes<T = HTMLParamElement> extends HTMLAttributes<T> {
-    /** @deprecated */
-    name?: string;
-    /** @deprecated */
-    value?: string | ReadonlyArray<string> | number;
-  }
-
-  export interface ProgressHTMLAttributes<T = HTMLProgressElement> extends HTMLAttributes<T> {
-    max?: number | string;
-    value?: string | ReadonlyArray<string> | number;
-  }
-
-  export interface ScriptHTMLAttributes<T = HTMLScriptElement> extends HTMLAttributes<T> {
-    async?: boolean;
-    /** @deprecated */
-    charSet?: string;
-    crossOrigin?: HTMLCrossOrigin;
-    crossorigin?: HTMLCrossOrigin;
-    defer?: boolean;
-    fetchpriority?: 'high' | 'low' | 'auto';
-    integrity?: string;
-    noModule?: boolean;
-    nomodule?: boolean;
-    nonce?: string;
-    referrerPolicy?: HTMLReferrerPolicy;
-    referrerpolicy?: HTMLReferrerPolicy;
-    src?: string;
-    type?: string;
-  }
-
-  export interface SelectHTMLAttributes<T = HTMLSelectElement> extends HTMLAttributes<T> {
-    autoComplete?: string;
-    autocomplete?: string;
-    autoFocus?: boolean;
-    autofocus?: boolean;
-    disabled?: boolean | Accessor<boolean>;
-    form?: string;
-    multiple?: Reactive<boolean>;
-    name?: string;
-    required?: Reactive<boolean>;
-    size?: Reactive<number>;
-    value?: string | ReadonlyArray<string> | number | Accessor<string | number>;
-  }
-
-  export interface SlotHTMLAttributes<T = HTMLSlotElement> extends HTMLAttributes<T> {
-    name?: string;
-    onSlotChange?: (event: Event) => void;
-  }
-
-  export interface SourceHTMLAttributes<T = HTMLSourceElement> extends HTMLAttributes<T> {
-    height?: number;
-    media?: string;
-    sizes?: string;
-    src?: string;
-    srcSet?: string;
-    srcset?: string;
-    type?: string;
-    width?: number;
-  }
-
-  export interface StyleHTMLAttributes<T = HTMLStyleElement> extends HTMLAttributes<T> {
-    media?: string;
-    nonce?: string;
-    scoped?: boolean;
-    type?: string;
-  }
-
-  export interface TableHTMLAttributes<T = HTMLTableElement> extends HTMLAttributes<T> {
-    align?: 'left' | 'center' | 'right';
-    /** @deprecated */
-    bgcolor?: string;
-    /** @deprecated */
-    border?: number;
-    cellPadding?: number | string;
-    cellpadding?: number | string;
-    cellSpacing?: number | string;
-    cellspacing?: number | string;
-    summary?: string;
-    width?: number | string;
-  }
-
-  export interface TdHTMLAttributes<T = HTMLTableDataCellElement> extends HTMLAttributes<T> {
-    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
-    colSpan?: number;
-    colspan?: number;
-    headers?: string;
-    rowSpan?: number;
-    rowspan?: number;
-    scope?: string;
-    abbr?: string;
-    height?: number | string;
-    width?: number | string;
-    valign?: 'top' | 'middle' | 'bottom' | 'baseline';
-  }
-
-  export interface TextareaHTMLAttributes<T = HTMLTextAreaElement> extends HTMLAttributes<T> {
-    autoComplete?: string;
-    autocomplete?: string;
-    autoFocus?: boolean;
-    autofocus?: boolean;
-    cols?: number;
-    dirName?: string;
-    dirname?: string;
-    disabled?: boolean | Accessor<boolean>;
-    form?: string;
-    maxLength?: Reactive<number>;
-    maxlength?: Reactive<number>;
-    minLength?: Reactive<number>;
-    minlength?: Reactive<number>;
-    name?: string;
-    placeholder?: string | Accessor<string>;
-    readOnly?: Reactive<boolean>;
-    readonly?: Reactive<boolean>;
-    required?: Reactive<boolean>;
-    rows?: number;
-    value?: string | ReadonlyArray<string> | Accessor<string>;
-    wrap?: 'hard' | 'soft' | 'off';
-  }
-
-  export interface ThHTMLAttributes<T = HTMLTableHeaderCellElement> extends HTMLAttributes<T> {
-    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
-    abbr?: string;
-    colSpan?: number;
-    colspan?: number;
-    headers?: string;
-    rowSpan?: number;
-    rowspan?: number;
-    scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
-    height?: number | string;
-    width?: number | string;
-    valign?: 'top' | 'middle' | 'bottom' | 'baseline';
-  }
-
-  export interface TimeHTMLAttributes<T = HTMLTimeElement> extends HTMLAttributes<T> {
-    dateTime?: string;
-    datetime?: string;
-  }
-
-  export interface TrackHTMLAttributes<T = HTMLTrackElement> extends HTMLAttributes<T> {
-    default?: boolean;
-    kind?: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata';
-    label?: string;
-    src?: string;
-    srcLang?: string;
-    srclang?: string;
-  }
-
-  export interface VideoHTMLAttributes<T = HTMLVideoElement> extends MediaHTMLAttributes<T> {
-    disablePictureInPicture?: boolean;
-    disableRemotePlayback?: boolean;
-    height?: number | string;
-    onEnterPictureInPicture?: (event: Event) => void;
-    onLeavePictureInPicture?: (event: Event) => void;
-    playsInline?: boolean;
-    playsinline?: boolean;
-    poster?: string;
-    width?: number | string;
-  }
-
-  export interface AudioHTMLAttributes<T = HTMLAudioElement> extends MediaHTMLAttributes<T> {}
-
-  // ============================================================================
-  // SVG Attributes
-  // ============================================================================
-
-  export interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
-    // Core SVG attributes
-    id?: string;
-    class?: string | Accessor<string>;
-    className?: string;
-    style?: string | Record<string, string | number>;
-    ref?: RefCallback<T> | { current: T | null } | { current: SVGElement | null };
-    key?: string | number;
-    children?: Element | Element[];
-    tabIndex?: Reactive<number>;
-    tabindex?: Reactive<number>;
-    lang?: string;
-    xml_lang?: string;
-
-    // Presentation attributes
-    color?: Reactive<string>;
-    fill?: Reactive<string>;
-    fillOpacity?: Reactive<number | string>;
-    'fill-opacity'?: Reactive<number | string>;
-    fillRule?: Reactive<'nonzero' | 'evenodd' | 'inherit'>;
-    'fill-rule'?: Reactive<'nonzero' | 'evenodd' | 'inherit'>;
-    opacity?: Reactive<number | string>;
-    stroke?: Reactive<string>;
-    strokeDasharray?: Reactive<string | number>;
-    'stroke-dasharray'?: Reactive<string | number>;
-    strokeDashoffset?: Reactive<string | number>;
-    'stroke-dashoffset'?: Reactive<string | number>;
-    strokeLinecap?: Reactive<'butt' | 'round' | 'square' | 'inherit'>;
-    'stroke-linecap'?: Reactive<'butt' | 'round' | 'square' | 'inherit'>;
-    strokeLinejoin?: Reactive<'miter' | 'round' | 'bevel' | 'inherit'>;
-    'stroke-linejoin'?: Reactive<'miter' | 'round' | 'bevel' | 'inherit'>;
-    strokeMiterlimit?: Reactive<number | string>;
-    'stroke-miterlimit'?: Reactive<number | string>;
-    strokeOpacity?: Reactive<number | string>;
-    'stroke-opacity'?: Reactive<number | string>;
-    strokeWidth?: Reactive<number | string>;
-    'stroke-width'?: Reactive<number | string>;
-
-    // Geometry
-    cx?: Reactive<number | string>;
-    cy?: Reactive<number | string>;
-    d?: Reactive<string>;
-    dx?: Reactive<number | string>;
-    dy?: Reactive<number | string>;
-    height?: Reactive<number | string>;
-    r?: Reactive<number | string>;
-    rx?: Reactive<number | string>;
-    ry?: Reactive<number | string>;
-    width?: Reactive<number | string>;
-    x?: Reactive<number | string>;
-    x1?: Reactive<number | string>;
-    x2?: Reactive<number | string>;
-    y?: Reactive<number | string>;
-    y1?: Reactive<number | string>;
-    y2?: Reactive<number | string>;
-
-    // Transform
-    transform?: Reactive<string>;
-    gradientTransform?: Reactive<string>;
-    patternTransform?: Reactive<string>;
-
-    // View
-    viewBox?: Reactive<string>;
-    preserveAspectRatio?: Reactive<string>;
-
-    // Text
-    dominantBaseline?: Reactive<string>;
-    'dominant-baseline'?: Reactive<string>;
-    textAnchor?: Reactive<string>;
-    'text-anchor'?: Reactive<string>;
-    fontSize?: Reactive<number | string>;
-    'font-size'?: Reactive<number | string>;
-    fontFamily?: Reactive<string>;
-    'font-family'?: Reactive<string>;
-    fontStyle?: Reactive<string>;
-    'font-style'?: Reactive<string>;
-    fontWeight?: Reactive<number | string>;
-    'font-weight'?: Reactive<number | string>;
-    letterSpacing?: Reactive<number | string>;
-    'letter-spacing'?: Reactive<number | string>;
-    wordSpacing?: Reactive<number | string>;
-    'word-spacing'?: Reactive<number | string>;
-    textDecoration?: Reactive<string>;
-    'text-decoration'?: Reactive<string>;
-    writingMode?: Reactive<string>;
-    'writing-mode'?: Reactive<string>;
-
-    // References
-    href?: Reactive<string>;
-    xlinkHref?: Reactive<string>;
-    'xlink:href'?: Reactive<string>;
-    xlinkTitle?: Reactive<string>;
-    'xlink:title'?: Reactive<string>;
-    in?: Reactive<string>;
-    in2?: Reactive<number | string>;
-    result?: Reactive<string>;
-
-    // Filters / effects
-    filter?: Reactive<string>;
-    clipPath?: Reactive<string>;
-    'clip-path'?: Reactive<string>;
-    clipRule?: Reactive<number | string>;
-    'clip-rule'?: Reactive<number | string>;
-    mask?: Reactive<string>;
-    cursor?: Reactive<number | string>;
-    display?: Reactive<number | string>;
-    imageRendering?: Reactive<number | string>;
-    'image-rendering'?: Reactive<number | string>;
-    overflow?: Reactive<number | string>;
-    paintOrder?: Reactive<number | string>;
-    'paint-order'?: Reactive<number | string>;
-    pointerEvents?: Reactive<number | string>;
-    'pointer-events'?: Reactive<number | string>;
-    shapeRendering?: Reactive<number | string>;
-    'shape-rendering'?: Reactive<number | string>;
-    textRendering?: Reactive<number | string>;
-    'text-rendering'?: Reactive<number | string>;
-    vectorEffect?: Reactive<number | string>;
-    'vector-effect'?: Reactive<number | string>;
-    visibility?: Reactive<number | string>;
-
-    // Color
-    colorInterpolation?: Reactive<number | string>;
-    'color-interpolation'?: Reactive<number | string>;
-    colorInterpolationFilters?: Reactive<'auto' | 'sRGB' | 'linearRGB' | 'inherit'>;
-    'color-interpolation-filters'?: Reactive<'auto' | 'sRGB' | 'linearRGB' | 'inherit'>;
-    colorRendering?: Reactive<number | string>;
-    'color-rendering'?: Reactive<number | string>;
-    floodColor?: Reactive<number | string>;
-    'flood-color'?: Reactive<number | string>;
-    floodOpacity?: Reactive<number | string>;
-    'flood-opacity'?: Reactive<number | string>;
-    lightingColor?: Reactive<number | string>;
-    'lighting-color'?: Reactive<number | string>;
-    stopColor?: Reactive<string>;
-    'stop-color'?: Reactive<string>;
-    stopOpacity?: Reactive<number | string>;
-    'stop-opacity'?: Reactive<number | string>;
-    markerEnd?: Reactive<string>;
-    'marker-end'?: Reactive<string>;
-    markerMid?: Reactive<string>;
-    'marker-mid'?: Reactive<string>;
-    markerStart?: Reactive<string>;
-    'marker-start'?: Reactive<string>;
-
-    // Gradient / Pattern
-    gradientUnits?: Reactive<string>;
-    patternContentUnits?: Reactive<string>;
-    patternUnits?: Reactive<string>;
-    spreadMethod?: Reactive<'pad' | 'reflect' | 'repeat'>;
-    offset?: Reactive<number | string>;
-
-    // Filter primitives
-    baseFrequency?: Reactive<number | string>;
-    bias?: Reactive<number | string>;
-    diffuseConstant?: Reactive<number | string>;
-    divisor?: Reactive<number | string>;
-    edgeMode?: Reactive<number | string>;
-    filterUnits?: Reactive<number | string>;
-    kernelMatrix?: Reactive<number | string>;
-    kernelUnitLength?: Reactive<number | string>;
-    limitingConeAngle?: Reactive<number | string>;
-    mode?: Reactive<number | string>;
-    numOctaves?: Reactive<number | string>;
-    operator?: Reactive<number | string>;
-    order?: Reactive<number | string>;
-    primitiveUnits?: Reactive<number | string>;
-    radius?: Reactive<number | string>;
-    scale?: Reactive<number | string>;
-    seed?: Reactive<number | string>;
-    specularConstant?: Reactive<number | string>;
-    specularExponent?: Reactive<number | string>;
-    stdDeviation?: Reactive<number | string>;
-    surfaceScale?: Reactive<number | string>;
-    tableValues?: Reactive<number | string>;
-    targetX?: Reactive<number | string>;
-    targetY?: Reactive<number | string>;
-    xChannelSelector?: Reactive<string>;
-    yChannelSelector?: Reactive<string>;
-    elevation?: Reactive<number | string>;
-    azimuth?: Reactive<number | string>;
-    diffuseExponent?: Reactive<number | string>;
-
-    // Animation
-    accumulate?: Reactive<'none' | 'sum'>;
-    additive?: Reactive<'replace' | 'sum'>;
-    attributeName?: Reactive<string>;
-    begin?: Reactive<number | string>;
-    by?: Reactive<number | string>;
-    calcMode?: Reactive<number | string>;
-    dur?: Reactive<number | string>;
-    end?: Reactive<number | string>;
-    from?: Reactive<number | string>;
-    keyPoints?: Reactive<number | string>;
-    keySplines?: Reactive<number | string>;
-    keyTimes?: Reactive<number | string>;
-    path?: Reactive<string>;
-    repeatCount?: Reactive<number | string>;
-    repeatDur?: Reactive<number | string>;
-    restart?: Reactive<number | string>;
-    to?: Reactive<number | string>;
-    type?: Reactive<string>;
-    values?: Reactive<string>;
-
-    // Other
-    alignmentBaseline?: Reactive<string>;
-    'alignment-baseline'?: Reactive<string>;
-    baseline?: Reactive<string>;
-    clipPathUnits?: Reactive<number | string>;
-    contentScriptType?: Reactive<number | string>;
-    contentStyleType?: Reactive<number | string>;
-    decelerate?: Reactive<number | string>;
-    direction?: Reactive<number | string>;
-    exponent?: Reactive<number | string>;
-    externalResourcesRequired?: Reactive<number | string>;
-    filterRes?: Reactive<number | string>;
-    focusable?: Reactive<number | string>;
-    format?: Reactive<number | string>;
-    g1?: Reactive<number | string>;
-    g2?: Reactive<number | string>;
-    glyphName?: Reactive<number | string>;
-    glyphOrientationHorizontal?: Reactive<number | string>;
-    glyphOrientationVertical?: Reactive<number | string>;
-    glyphRef?: Reactive<number | string>;
-    horizAdvX?: Reactive<number | string>;
-    horizOriginX?: Reactive<number | string>;
-    ideographic?: Reactive<number | string>;
-    intercept?: Reactive<number | string>;
-    k?: Reactive<number | string>;
-    k1?: Reactive<number | string>;
-    k2?: Reactive<number | string>;
-    k3?: Reactive<number | string>;
-    k4?: Reactive<number | string>;
-    lengthAdjust?: Reactive<number | string>;
-    local?: Reactive<number | string>;
-    markerHeight?: Reactive<number | string>;
-    markerUnits?: Reactive<number | string>;
-    markerWidth?: Reactive<number | string>;
-    maskContentUnits?: Reactive<number | string>;
-    maskUnits?: Reactive<number | string>;
-    mathematical?: Reactive<number | string>;
-    mediaGroup?: Reactive<number | string>;
-    overlinePosition?: Reactive<number | string>;
-    overlineThickness?: Reactive<number | string>;
-    panose1?: Reactive<number | string>;
-    pathLength?: Reactive<number | string>;
-    points?: Reactive<string>;
-    pointsAtX?: Reactive<number | string>;
-    pointsAtY?: Reactive<number | string>;
-    pointsAtZ?: Reactive<number | string>;
-    refX?: Reactive<number | string>;
-    refY?: Reactive<number | string>;
-    renderingIntent?: Reactive<number | string>;
-    requiredExtensions?: Reactive<number | string>;
-    requiredFeatures?: Reactive<number | string>;
-    rotate?: Reactive<number | string>;
-    slope?: Reactive<number | string>;
-    spacing?: Reactive<number | string>;
-    startOffset?: Reactive<number | string>;
-    stemh?: Reactive<number | string>;
-    stemv?: Reactive<number | string>;
-    stitchTiles?: Reactive<number | string>;
-    strikethroughPosition?: Reactive<number | string>;
-    strikethroughThickness?: Reactive<number | string>;
-    string?: Reactive<number | string>;
-    systemLanguage?: Reactive<number | string>;
-    textLength?: Reactive<number | string>;
-    u1?: Reactive<number | string>;
-    u2?: Reactive<number | string>;
-    underlinePosition?: Reactive<number | string>;
-    underlineThickness?: Reactive<number | string>;
-    unicode?: Reactive<number | string>;
-    unicodeBidi?: Reactive<number | string>;
-    unicodeRange?: Reactive<number | string>;
-    unitsPerEm?: Reactive<number | string>;
-    vAlphabetic?: Reactive<number | string>;
-    vHanging?: Reactive<number | string>;
-    vIdeographic?: Reactive<number | string>;
-    vMathematical?: Reactive<number | string>;
-    version?: Reactive<string>;
-    vertAdvY?: Reactive<number | string>;
-    vertOriginX?: Reactive<number | string>;
-    vertOriginY?: Reactive<number | string>;
-    viewTarget?: Reactive<number | string>;
-    widths?: Reactive<number | string>;
-
-    // Namespace
-    xmlns?: Reactive<string>;
-    'xmlns:xlink'?: Reactive<string>;
-    xmlnsXlink?: Reactive<string>;
-    xmlBase?: Reactive<string>;
-    xmlLang?: Reactive<string>;
-    xmlSpace?: Reactive<string>;
-    zoomAndPan?: Reactive<string>;
-
-    // SVG specific aria
-    'aria-label'?: Reactive<string>;
-    'aria-labelledby'?: Reactive<string>;
-    'aria-describedby'?: Reactive<string>;
-    'aria-hidden'?: Reactive<boolean | 'true' | 'false'>;
-    role?: Reactive<string>;
-
-    // Catch-all for vendor/custom SVG attributes
-    [key: string]: any;
-  }
+  export type Element = A.FxElement;
+
+
+  export type Reactive<T> = A.Reactive<T>;
+  export type RefCallback<T> = A.RefCallback<T>;
+  export type HTMLDir = A.HTMLDir;
+  export type HTMLAutocapitalize = A.HTMLAutocapitalize;
+  export type HTMLInputMode = A.HTMLInputMode;
+  export type HTMLFormEncType = A.HTMLFormEncType;
+  export type HTMLFormMethod = A.HTMLFormMethod;
+  export type HTMLCrossOrigin = A.HTMLCrossOrigin;
+  export type HTMLReferrerPolicy = A.HTMLReferrerPolicy;
+  export type CSSProperties = A.CSSProperties;
+  export type AriaAttributes = A.AriaAttributes;
+  export type DOMAttributes<T = Element> = A.DOMAttributes<T>;
+  export type HTMLAttributes<T = HTMLElement> = A.HTMLAttributes<T>;
+  export type AnchorHTMLAttributes<T = HTMLAnchorElement> = A.AnchorHTMLAttributes<T>;
+  export type AreaHTMLAttributes<T = HTMLAreaElement> = A.AreaHTMLAttributes<T>;
+  export type BaseHTMLAttributes<T = HTMLBaseElement> = A.BaseHTMLAttributes<T>;
+  export type BlockquoteHTMLAttributes<T = HTMLQuoteElement> = A.BlockquoteHTMLAttributes<T>;
+  export type ButtonHTMLAttributes<T = HTMLButtonElement> = A.ButtonHTMLAttributes<T>;
+  export type CanvasHTMLAttributes<T = HTMLCanvasElement> = A.CanvasHTMLAttributes<T>;
+  export type ColHTMLAttributes<T = HTMLTableColElement> = A.ColHTMLAttributes<T>;
+  export type ColgroupHTMLAttributes<T = HTMLTableColElement> = A.ColgroupHTMLAttributes<T>;
+  export type DataHTMLAttributes<T = HTMLDataElement> = A.DataHTMLAttributes<T>;
+  export type DetailsHTMLAttributes<T = HTMLDetailsElement> = A.DetailsHTMLAttributes<T>;
+  export type DialogHTMLAttributes<T = HTMLDialogElement> = A.DialogHTMLAttributes<T>;
+  export type EmbedHTMLAttributes<T = HTMLEmbedElement> = A.EmbedHTMLAttributes<T>;
+  export type FieldsetHTMLAttributes<T = HTMLFieldSetElement> = A.FieldsetHTMLAttributes<T>;
+  export type FormHTMLAttributes<T = HTMLFormElement> = A.FormHTMLAttributes<T>;
+  export type IframeHTMLAttributes<T = HTMLIFrameElement> = A.IframeHTMLAttributes<T>;
+  export type ImgHTMLAttributes<T = HTMLImageElement> = A.ImgHTMLAttributes<T>;
+  export type InputHTMLAttributes<T = HTMLInputElement> = A.InputHTMLAttributes<T>;
+  export type KeygenHTMLAttributes<T = HTMLElement> = A.KeygenHTMLAttributes<T>;
+  export type LabelHTMLAttributes<T = HTMLLabelElement> = A.LabelHTMLAttributes<T>;
+  export type LiHTMLAttributes<T = HTMLLIElement> = A.LiHTMLAttributes<T>;
+  export type LinkHTMLAttributes<T = HTMLLinkElement> = A.LinkHTMLAttributes<T>;
+  export type MapHTMLAttributes<T = HTMLMapElement> = A.MapHTMLAttributes<T>;
+  export type MediaHTMLAttributes<T = HTMLMediaElement> = A.MediaHTMLAttributes<T>;
+  export type MetaHTMLAttributes<T = HTMLMetaElement> = A.MetaHTMLAttributes<T>;
+  export type MeterHTMLAttributes<T = HTMLMeterElement> = A.MeterHTMLAttributes<T>;
+  export type ModHTMLAttributes<T = HTMLModElement> = A.ModHTMLAttributes<T>;
+  export type ObjectHTMLAttributes<T = HTMLObjectElement> = A.ObjectHTMLAttributes<T>;
+  export type OlHTMLAttributes<T = HTMLOListElement> = A.OlHTMLAttributes<T>;
+  export type OptgroupHTMLAttributes<T = HTMLOptGroupElement> = A.OptgroupHTMLAttributes<T>;
+  export type OptionHTMLAttributes<T = HTMLOptionElement> = A.OptionHTMLAttributes<T>;
+  export type OutputHTMLAttributes<T = HTMLOutputElement> = A.OutputHTMLAttributes<T>;
+  export type ParamHTMLAttributes<T = HTMLParamElement> = A.ParamHTMLAttributes<T>;
+  export type ProgressHTMLAttributes<T = HTMLProgressElement> = A.ProgressHTMLAttributes<T>;
+  export type ScriptHTMLAttributes<T = HTMLScriptElement> = A.ScriptHTMLAttributes<T>;
+  export type SelectHTMLAttributes<T = HTMLSelectElement> = A.SelectHTMLAttributes<T>;
+  export type SlotHTMLAttributes<T = HTMLSlotElement> = A.SlotHTMLAttributes<T>;
+  export type SourceHTMLAttributes<T = HTMLSourceElement> = A.SourceHTMLAttributes<T>;
+  export type StyleHTMLAttributes<T = HTMLStyleElement> = A.StyleHTMLAttributes<T>;
+  export type TableHTMLAttributes<T = HTMLTableElement> = A.TableHTMLAttributes<T>;
+  export type TdHTMLAttributes<T = HTMLTableDataCellElement> = A.TdHTMLAttributes<T>;
+  export type TextareaHTMLAttributes<T = HTMLTextAreaElement> = A.TextareaHTMLAttributes<T>;
+  export type ThHTMLAttributes<T = HTMLTableHeaderCellElement> = A.ThHTMLAttributes<T>;
+  export type TimeHTMLAttributes<T = HTMLTimeElement> = A.TimeHTMLAttributes<T>;
+  export type TrackHTMLAttributes<T = HTMLTrackElement> = A.TrackHTMLAttributes<T>;
+  export type VideoHTMLAttributes<T = HTMLVideoElement> = A.VideoHTMLAttributes<T>;
+  export type AudioHTMLAttributes<T = HTMLAudioElement> = A.AudioHTMLAttributes<T>;
+  export type SVGAttributes<T = SVGElement> = A.SVGAttributes<T>;
 
   // ============================================================================
   // Intrinsic Elements
   // ============================================================================
 
-  export interface IntrinsicElements {
-    // HTML
-    a: AnchorHTMLAttributes;
-    abbr: HTMLAttributes;
-    address: HTMLAttributes;
-    area: AreaHTMLAttributes;
-    article: HTMLAttributes;
-    aside: HTMLAttributes;
-    audio: AudioHTMLAttributes;
-    b: HTMLAttributes;
-    base: BaseHTMLAttributes;
-    bdi: HTMLAttributes;
-    bdo: HTMLAttributes;
-    big: HTMLAttributes;
-    blockquote: BlockquoteHTMLAttributes;
-    body: HTMLAttributes;
-    br: HTMLAttributes;
-    button: ButtonHTMLAttributes;
-    canvas: CanvasHTMLAttributes;
-    caption: HTMLAttributes;
-    cite: HTMLAttributes;
-    code: HTMLAttributes;
-    col: ColHTMLAttributes;
-    colgroup: ColgroupHTMLAttributes;
-    data: DataHTMLAttributes;
-    datalist: HTMLAttributes;
-    dd: HTMLAttributes;
-    del: ModHTMLAttributes;
-    details: DetailsHTMLAttributes;
-    dfn: HTMLAttributes;
-    dialog: DialogHTMLAttributes;
-    div: HTMLAttributes<HTMLDivElement>;
-    dl: HTMLAttributes<HTMLDListElement>;
-    dt: HTMLAttributes;
-    em: HTMLAttributes;
-    embed: EmbedHTMLAttributes;
-    fieldset: FieldsetHTMLAttributes;
-    figcaption: HTMLAttributes;
-    figure: HTMLAttributes;
-    footer: HTMLAttributes;
-    form: FormHTMLAttributes;
-    h1: HTMLAttributes<HTMLHeadingElement>;
-    h2: HTMLAttributes<HTMLHeadingElement>;
-    h3: HTMLAttributes<HTMLHeadingElement>;
-    h4: HTMLAttributes<HTMLHeadingElement>;
-    h5: HTMLAttributes<HTMLHeadingElement>;
-    h6: HTMLAttributes<HTMLHeadingElement>;
-    head: HTMLAttributes;
-    header: HTMLAttributes;
-    hgroup: HTMLAttributes;
-    hr: HTMLAttributes;
-    html: HTMLAttributes;
-    i: HTMLAttributes;
-    iframe: IframeHTMLAttributes;
-    img: ImgHTMLAttributes;
-    input: InputHTMLAttributes;
-    ins: ModHTMLAttributes;
-    kbd: HTMLAttributes;
-    keygen: KeygenHTMLAttributes;
-    label: LabelHTMLAttributes;
-    legend: HTMLAttributes;
-    li: LiHTMLAttributes;
-    link: LinkHTMLAttributes;
-    main: HTMLAttributes;
-    map: MapHTMLAttributes;
-    mark: HTMLAttributes;
-    menu: HTMLAttributes;
-    menuitem: HTMLAttributes;
-    meta: MetaHTMLAttributes;
-    meter: MeterHTMLAttributes;
-    nav: HTMLAttributes;
-    noindex: HTMLAttributes;
-    noscript: HTMLAttributes;
-    object: ObjectHTMLAttributes;
-    ol: OlHTMLAttributes;
-    optgroup: OptgroupHTMLAttributes;
-    option: OptionHTMLAttributes;
-    output: OutputHTMLAttributes;
-    p: HTMLAttributes<HTMLParagraphElement>;
-    param: ParamHTMLAttributes;
-    picture: HTMLAttributes;
-    pre: HTMLAttributes<HTMLPreElement>;
-    progress: ProgressHTMLAttributes;
-    q: BlockquoteHTMLAttributes;
-    rp: HTMLAttributes;
-    rt: HTMLAttributes;
-    ruby: HTMLAttributes;
-    s: HTMLAttributes;
-    samp: HTMLAttributes;
-    script: ScriptHTMLAttributes;
-    search: HTMLAttributes;
-    section: HTMLAttributes;
-    select: SelectHTMLAttributes;
-    slot: SlotHTMLAttributes;
-    small: HTMLAttributes;
-    source: SourceHTMLAttributes;
-    span: HTMLAttributes;
-    strong: HTMLAttributes;
-    style: StyleHTMLAttributes;
-    sub: HTMLAttributes;
-    summary: HTMLAttributes;
-    sup: HTMLAttributes;
-    table: TableHTMLAttributes;
-    template: HTMLAttributes;
-    tbody: HTMLAttributes;
-    td: TdHTMLAttributes;
-    textarea: TextareaHTMLAttributes;
-    tfoot: HTMLAttributes;
-    th: ThHTMLAttributes;
-    thead: HTMLAttributes;
-    time: TimeHTMLAttributes;
-    title: HTMLAttributes;
-    tr: HTMLAttributes;
-    track: TrackHTMLAttributes;
-    u: HTMLAttributes;
-    ul: HTMLAttributes<HTMLUListElement>;
-    var: HTMLAttributes;
-    video: VideoHTMLAttributes;
-    wbr: HTMLAttributes;
-    webview: HTMLAttributes;
-
-    // SVG
-    svg: SVGAttributes<SVGSVGElement>;
-    animate: SVGAttributes;
-    animateMotion: SVGAttributes;
-    animateTransform: SVGAttributes;
-    circle: SVGAttributes<SVGCircleElement>;
-    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;
-    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;
-    path: SVGAttributes<SVGPathElement>;
-    pattern: SVGAttributes<SVGPatternElement>;
-    polygon: SVGAttributes<SVGPolygonElement>;
-    polyline: SVGAttributes<SVGPolylineElement>;
-    radialGradient: SVGAttributes<SVGRadialGradientElement>;
-    rect: SVGAttributes<SVGRectElement>;
-    stop: SVGAttributes<SVGStopElement>;
-    switch: SVGAttributes<SVGSwitchElement>;
-    symbol: SVGAttributes<SVGSymbolElement>;
-    text: SVGAttributes<SVGTextElement>;
-    textPath: SVGAttributes<SVGTextPathElement>;
-    tspan: SVGAttributes<SVGTSpanElement>;
-    use: SVGAttributes<SVGUseElement>;
-    view: SVGAttributes<SVGViewElement>;
-    [s: string]: any;
-
-    // Custom elements: picks up FluixiElements augmentations automatically
-    [elemName: string]: any;
-  }
+  export interface IntrinsicElements extends A.IntrinsicElements {}
     interface ElementChildrenAttribute {
       children: {};
     }
@@ -1459,7 +107,7 @@ export namespace JSX {
  * ```
  */
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
-interface FluixiElements {}
+export interface FluixiElements {}
 
 // declare global {
 //   // eslint-disable-next-line @typescript-eslint/no-empty-interface
@@ -1484,3 +132,5 @@ declare global {
     }
   }
 }
+
+