import GlobalStyle from "../../internal/global-style.js";
import { type PropertyValues, type TemplateResult } from "lit";
/**
* {@link Popover} renders a popover.
*
* This requires the support of the popover API and CSS position-area.
*
* @fires toggle - Fired when the popover is toggled.
* @slot popover - Popover content.
* @slot - Popover trigger.
* @category display
*/
declare class Popover extends GlobalStyle {
	anchorName: string;
	open: boolean;
	action: "hide" | "show" | "toggle" | "none";
	span: "span" | "spread" | "isolated";
	/**
	* The position refers to the spatial location of the popover in relation to the trigger,
	* rather than the alignment property between them.
	*/
	position: "center" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "start" | "start-start" | "start-end" | "end" | "end-start" | "end-end";
	protected _popover: HTMLElement;
	constructor();
	protected render(): TemplateResult<1>;
	protected _handleClick(): void;
	show(): void;
	hide(): void;
	toggle(force?: boolean): void;
	protected updated(_changedProperties: PropertyValues): void;
	protected _openChange(): void;
	resolveArea(): string;
}
export { Popover, Popover as default };