import { EditorView } from 'prosemirror-view';
import { MarkType } from 'prosemirror-model';
import { RteInstanceImpl } from '../instance';
import { MenuItem } from '../../../menu-item/menu-item';
import { ListboxOption } from '../../../option/option';
import { Divider } from '../../../divider/divider';
import { TextField } from '../../../text-field/text-field';
type Prop<T> = T | ((ctx: UiCtx) => T);
type Props<T> = {
    [P in keyof T]: Prop<T[P]>;
};
type EventBinding = [
    string,
    unknown,
    (value: unknown) => (event: Event) => void
];
type CtxProps = {
    popupPlacement: 'top' | 'bottom';
    shouldReturnFocusToEditor: boolean;
    menuOffset?: number;
    disabled?: boolean;
};
export declare class UiCtx {
    readonly view: EditorView;
    readonly rte: RteInstanceImpl;
    readonly props: Props<CtxProps>;
    constructor(view: EditorView, rte: RteInstanceImpl, props: Props<CtxProps>);
    evalProp<T>(prop: Prop<T>): T;
    private bindings;
    bindProp<T>(prop: Prop<T> | undefined, bindFn: (value: T) => void): void;
    updateBindings(): void;
    shouldReturnFocusToEditor(): boolean;
    bindToEl<T extends Node>(target: T, props?: Partial<Props<T>>, events?: EventBinding[], children?: Array<Node>): void;
}
export declare const createDiv: (ctx: UiCtx, props: {
    className?: string;
    slot?: string;
    children: Array<Node>;
}) => HTMLDivElement;
export declare const createAnchor: (ctx: UiCtx, props: {
    href: Prop<string>;
    target?: string;
    rel?: string;
    className?: string;
    children: Array<Node>;
}) => HTMLAnchorElement;
export declare const createOptionalTooltip: (ctx: UiCtx, props: {
    enabled: Prop<boolean>;
    label: Prop<string>;
    anchor: HTMLElement;
    slot?: string;
}) => HTMLDivElement;
export declare const createButton: (ctx: UiCtx, props: {
    variant?: Prop<"toolbar" | "toolbar-menu" | "popover" | "popover-primary">;
    label: Prop<string>;
    icon?: Prop<string>;
    noTooltip?: boolean;
    autofocus?: Prop<boolean>;
    slot?: string;
    active?: Prop<boolean>;
    disabled?: Prop<boolean>;
    connotation?: Prop<"alert">;
    onClick?: (() => boolean) | (() => void);
}) => HTMLDivElement;
export declare const createMenu: (ctx: UiCtx, props: {
    label: Prop<string>;
    trigger: HTMLElement;
    children: Array<HTMLElement>;
}) => DocumentFragment;
export declare const createMenuItem: (ctx: UiCtx, props: {
    text: Prop<string>;
    checked: Prop<boolean>;
    disabled?: Prop<boolean>;
    onSelect: () => void;
}) => MenuItem;
export declare const createButtonGroup: (ctx: UiCtx, props: {
    slot?: string;
    children: Array<Node>;
}) => HTMLDivElement;
export declare const createMarkToggle: (ctx: UiCtx, props: {
    label: Prop<string>;
    icon: string;
    markType: MarkType;
}) => HTMLDivElement;
export declare const createOption: (ctx: UiCtx, props: {
    text: Prop<string>;
    value: string;
    disabled?: Prop<boolean>;
}) => ListboxOption;
export declare const createSelect: (ctx: UiCtx, props: {
    label: Prop<string>;
    value: Prop<string>;
    children: Array<HTMLElement>;
    onSelect: (value: string) => void;
}) => HTMLDivElement;
export declare const createDivider: (ctx: UiCtx) => Divider;
export declare const createTextField: (ctx: UiCtx, props: {
    label: Prop<string>;
    value: Prop<string>;
    placeholder?: Prop<string>;
    slot?: string;
    autofocus?: boolean;
    type?: "url";
    helperText?: Prop<string>;
    onInput?: (value: string) => void;
}) => TextField;
export declare const createText: (ctx: UiCtx, props: {
    text: Prop<string>;
}) => Text;
export declare const createSingleSlot: (ctx: UiCtx, props: {
    name: string;
    assignedProps: Record<string, Prop<any>>;
    assignedEvents: Record<string, (e: Event) => void>;
}) => HTMLSlotElement;
export {};