import { type PublicView, type Ref, type ViewFn } from "../view";
export type BaseEventData = {
    stopPropagation: () => void;
    preventDefault: () => void;
};
export type PointerEventData = BaseEventData & {
    x: number;
    y: number;
    /** Pointer ID — pass to setPointerCapture. */
    pointerId: number;
    pointerType: "mouse" | "touch" | "pen" | "";
    button: number;
    buttons: number;
    target: HTMLElement;
    /** The element the handler is bound to (handles event delegation correctly). */
    currentTarget: HTMLElement;
    /** Capture the pointer to currentTarget — keeps move/up firing when the pointer leaves bounds. */
    capture: () => void;
    release: () => void;
    /** Escape hatch — the underlying DOM event. Avoid where the typed fields cover the use case. */
    nativeEvent: Event;
};
export type KeyEventData = BaseEventData & {
    key: string;
    code: string;
};
export type InputEventData = BaseEventData & {
    value: string;
    checked: boolean;
};
export type FocusEventData = BaseEventData;
export type ScrollEventData = BaseEventData & {
    scrollTop: number;
    scrollLeft: number;
};
export type LoadEventData = BaseEventData;
export type ErrorEventData = BaseEventData & {
    message: string;
};
export type ToggleEventData = BaseEventData & {
    open: boolean;
};
export type MediaEventData = BaseEventData & {
    muted: boolean;
    paused: boolean;
    volume: number;
    currentTime: number;
    duration: number;
};
export type WheelEventData = PointerEventData & {
    deltaX: number;
    deltaY: number;
    deltaZ: number;
    /** 0 = pixel, 1 = line, 2 = page */
    deltaMode: number;
};
export type DragEventData = PointerEventData & {
    dataTransfer: DataTransfer | null;
};
export type ClipboardEventData = BaseEventData & {
    clipboardData: DataTransfer | null;
};
export type SubmitEventData = BaseEventData & {
    submitter: HTMLElement | null;
};
export type BeforeToggleEventData = BaseEventData & {
    oldState: string;
    newState: string;
};
/**
 * Fired on the receiver of a `<button commandfor="id" command="...">` invocation.
 * Built-in commands include `show-modal`, `close`, `request-close`,
 * `show-popover`, `hide-popover`, `toggle-popover`; custom commands start with `--`.
 */
export type CommandEventData = BaseEventData & {
    command: string;
    source: HTMLElement;
};
export type ContainerEvents = {
    click: (e: PointerEventData) => void;
    dblclick: (e: PointerEventData) => void;
    pointerDown: (e: PointerEventData) => void;
    pointerUp: (e: PointerEventData) => void;
    pointerMove: (e: PointerEventData) => void;
    pointerCancel: (e: PointerEventData) => void;
    pointerEnter: (e: PointerEventData) => void;
    pointerLeave: (e: PointerEventData) => void;
    pointerOver: (e: PointerEventData) => void;
    pointerOut: (e: PointerEventData) => void;
    wheel: (e: WheelEventData) => void;
    contextmenu: (e: PointerEventData) => void;
    keyDown: (e: KeyEventData) => void;
    keyUp: (e: KeyEventData) => void;
    focus: (e: FocusEventData) => void;
    blur: (e: FocusEventData) => void;
    scroll: (e: ScrollEventData) => void;
    load: (e: LoadEventData) => void;
    error: (e: ErrorEventData) => void;
    dragStart: (e: DragEventData) => void;
    dragEnd: (e: DragEventData) => void;
    dragOver: (e: DragEventData) => void;
    dragEnter: (e: DragEventData) => void;
    dragLeave: (e: DragEventData) => void;
    drop: (e: DragEventData) => void;
    copy: (e: ClipboardEventData) => void;
    cut: (e: ClipboardEventData) => void;
    paste: (e: ClipboardEventData) => void;
    command: (e: CommandEventData) => void;
};
export type FormEvents = ContainerEvents & {
    input: (e: InputEventData) => void;
    change: (e: InputEventData) => void;
    keyDown: (e: KeyEventData) => void;
    keyUp: (e: KeyEventData) => void;
    invalid: (e: BaseEventData) => void;
};
export type FormSubmitEvents = ContainerEvents & {
    submit: (e: SubmitEventData) => void;
    reset: (e: BaseEventData) => void;
};
export type MediaEvents = ContainerEvents & {
    volumeChange: (e: MediaEventData) => void;
    play: (e: MediaEventData) => void;
    pause: (e: MediaEventData) => void;
    ended: (e: MediaEventData) => void;
    timeUpdate: (e: MediaEventData) => void;
    loadedMetadata: (e: MediaEventData) => void;
    loadedData: (e: MediaEventData) => void;
    canPlay: (e: MediaEventData) => void;
    canPlayThrough: (e: MediaEventData) => void;
    durationChange: (e: MediaEventData) => void;
    rateChange: (e: MediaEventData) => void;
    seeking: (e: MediaEventData) => void;
    seeked: (e: MediaEventData) => void;
    stalled: (e: MediaEventData) => void;
    waiting: (e: MediaEventData) => void;
};
export type DisclosureEvents = ContainerEvents & {
    toggle: (e: ToggleEventData) => void;
    beforeToggle: (e: BeforeToggleEventData) => void;
};
export type HtmlAttrs = {
    class?: string;
    id?: string;
    style?: string;
    title?: string;
    tabindex?: number;
    hidden?: boolean;
    role?: string;
    draggable?: boolean;
    /** Popover API — typically "auto", "manual", or "hint". */
    popover?: string;
    /**
     * Set with the underlying DOM element after mount, and with `null` after
     * unmount. Accepts either a callback or a `{ current }` ref object
     */
    ref?: Ref<Element>;
    [attr: string]: unknown;
};
export declare function html<Attrs extends HtmlAttrs = HtmlAttrs, Events = ContainerEvents>(tag: string): PublicView<Attrs & {
    on?: Partial<Events>;
}, Element>;
export declare const textViewFn: ViewFn<string | number, void>;
export declare function text(content: string | number): void;
export declare const div: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const span: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const section: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const article: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const aside: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const nav: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const header: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const footer: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const main: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const p: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const h1: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const h2: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const h3: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const h4: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const h5: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const h6: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const pre: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const code: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const em: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const strong: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const small: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const br: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const hr: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const a: PublicView<HtmlAttrs & {
    href?: string;
    target?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const blockquote: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const label: PublicView<HtmlAttrs & {
    for?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const ul: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const ol: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const li: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const table: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const thead: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const tbody: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const tfoot: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const tr: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const th: PublicView<HtmlAttrs & {
    colspan?: number;
    rowspan?: number;
    scope?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const td: PublicView<HtmlAttrs & {
    colspan?: number;
    rowspan?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const form: PublicView<HtmlAttrs & {
    action?: string;
    method?: string;
} & {
    on?: Partial<FormSubmitEvents> | undefined;
}, Element>;
export declare const button: PublicView<HtmlAttrs & {
    disabled?: boolean;
    type?: string;
    /** Invoker Commands — id of the element to invoke. */
    commandfor?: string;
    /** Invoker Commands — built-in (e.g. "show-modal", "close") or custom ("--foo"). */
    command?: string;
    /** Popover API — id of the popover element to invoke. */
    popovertarget?: string;
    /** Popover API — "show", "hide", or "toggle". */
    popovertargetaction?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const input: PublicView<HtmlAttrs & {
    type?: string;
    value?: string;
    placeholder?: string;
    disabled?: boolean;
    checked?: boolean;
    readOnly?: boolean;
    name?: string;
    min?: string;
    max?: string;
    step?: string;
    pattern?: string;
    required?: boolean;
    autofocus?: boolean;
} & {
    on?: Partial<FormEvents> | undefined;
}, Element>;
export declare const textarea: PublicView<HtmlAttrs & {
    value?: string;
    placeholder?: string;
    disabled?: boolean;
    readOnly?: boolean;
    rows?: number;
    cols?: number;
    name?: string;
    required?: boolean;
} & {
    on?: Partial<FormEvents> | undefined;
}, Element>;
export declare const select: PublicView<HtmlAttrs & {
    value?: string;
    disabled?: boolean;
    name?: string;
    multiple?: boolean;
    required?: boolean;
} & {
    on?: Partial<FormEvents> | undefined;
}, Element>;
export declare const option: PublicView<HtmlAttrs & {
    value?: string;
    selected?: boolean;
    disabled?: boolean;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const fieldset: PublicView<HtmlAttrs & {
    disabled?: boolean;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const legend: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const img: PublicView<HtmlAttrs & {
    src: string;
    alt?: string;
    width?: number;
    height?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const video: PublicView<HtmlAttrs & {
    src?: string;
    controls?: boolean;
    autoplay?: boolean;
    loop?: boolean;
    muted?: boolean;
    width?: number;
    height?: number;
} & {
    on?: Partial<MediaEvents> | undefined;
}, Element>;
export declare const audio: PublicView<HtmlAttrs & {
    src?: string;
    controls?: boolean;
    autoplay?: boolean;
    loop?: boolean;
    muted?: boolean;
} & {
    on?: Partial<MediaEvents> | undefined;
}, Element>;
export declare const canvas: PublicView<HtmlAttrs & {
    width?: number;
    height?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const source: PublicView<HtmlAttrs & {
    src?: string;
    type?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const details: PublicView<HtmlAttrs & {
    open?: boolean;
} & {
    on?: Partial<DisclosureEvents> | undefined;
}, Element>;
export declare const summary: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const dialog: PublicView<HtmlAttrs & {
    open?: boolean;
} & {
    on?: Partial<DisclosureEvents> | undefined;
}, Element>;
export declare const menu: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const iframe: PublicView<HtmlAttrs & {
    src?: string;
    width?: number;
    height?: number;
    sandbox?: string;
    allow?: string;
    loading?: string;
    referrerpolicy?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const embed: PublicView<HtmlAttrs & {
    src?: string;
    type?: string;
    width?: number;
    height?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const object: PublicView<HtmlAttrs & {
    data?: string;
    type?: string;
    width?: number;
    height?: number;
    name?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const picture: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const portal: PublicView<HtmlAttrs & {
    src?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const svg: PublicView<HtmlAttrs & {
    viewBox?: string;
    xmlns?: string;
    width?: number | string;
    height?: number | string;
    fill?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const script: PublicView<HtmlAttrs & {
    src?: string;
    type?: string;
    async?: boolean;
    defer?: boolean;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const noscript: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const template: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const slot: PublicView<HtmlAttrs & {
    name?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const address: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const hgroup: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const search: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const abbr: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const b: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const bdi: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const bdo: PublicView<HtmlAttrs & {
    dir?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const cite: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const data: PublicView<HtmlAttrs & {
    value?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const dfn: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const i: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const kbd: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const mark: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const q: PublicView<HtmlAttrs & {
    cite?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const rp: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const rt: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const ruby: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const s: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const samp: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const sub: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const sup: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const time: PublicView<HtmlAttrs & {
    datetime?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const u: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const varEl: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const wbr: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const del: PublicView<HtmlAttrs & {
    cite?: string;
    datetime?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const ins: PublicView<HtmlAttrs & {
    cite?: string;
    datetime?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const caption: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const colgroup: PublicView<HtmlAttrs & {
    span?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const col: PublicView<HtmlAttrs & {
    span?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const datalist: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const optgroup: PublicView<HtmlAttrs & {
    label?: string;
    disabled?: boolean;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const output: PublicView<HtmlAttrs & {
    for?: string;
    name?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const progress: PublicView<HtmlAttrs & {
    value?: number;
    max?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const meter: PublicView<HtmlAttrs & {
    value?: number;
    min?: number;
    max?: number;
    low?: number;
    high?: number;
    optimum?: number;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const figure: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const figcaption: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const dd: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const dl: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const dt: PublicView<HtmlAttrs & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const track: PublicView<HtmlAttrs & {
    src?: string;
    kind?: string;
    srclang?: string;
    label?: string;
    default?: boolean;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const map: PublicView<HtmlAttrs & {
    name?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;
export declare const area: PublicView<HtmlAttrs & {
    alt?: string;
    coords?: string;
    href?: string;
    shape?: string;
    target?: string;
} & {
    on?: Partial<ContainerEvents> | undefined;
}, Element>;