export declare type ResizableElementMode = 'north' | 'east' | 'south' | 'north';
export interface ResizeEventDetail {
    /**
     * The resize direction
     */
    direction: string;
    /**
     * The width set on the element
     */
    width?: number;
    /**
     * The height set on the element
     */
    height?: number;
}
declare global {
    interface HTMLElement {
        resize: ResizableElementMode;
    }
    interface HTMLAttributes {
        resize: DOMTokenList;
    }
    interface HTMLElementEventMap {
        /**
         * The event dispatched when the user resized the element in one of the directions defined
         * in the `resize` attribute, but before the new styles has been applied to the element.
         *
         * You can cancel the event to prohibit changing the layout.
         *
         * This event can be canceled but it doesn't bubble.
         */
        beforeresize: CustomEvent<Readonly<ResizeEventDetail>>;
        /**
         * The event dispatched after the element has been resized by the user in one of the directions defined
         * in the `resize` attribute. The new width or height has been applied to the element.
         *
         * This event does not bubble or can be canceled.
         */
        resized: CustomEvent<Readonly<ResizeEventDetail>>;
    }
}
//# sourceMappingURL=ResizableElements.d.ts.map