import { CSSResultGroup, PropertyValues } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/preview-card/preview-card.d.ts
/**
 * <sigvelo-preview-card>
 *
 * @summary Shows a preview card when the user hovers over an anchor element.
 * @tag sigvelo-preview-card
 * @status experimental
 * @since 1.0
 *
 * @slot - The preview card's content.
 *
 * @event sigvelo-before-open - Emitted before the card opens.
 * @event sigvelo-open - Emitted after the card has opened.
 * @event sigvelo-before-close - Emitted before the card closes.
 * @event sigvelo-close - Emitted after the card has closed.
 *
 * @cssproperty [--max-width=20rem] - The maximum width of the card.
 * @cssproperty [--show-duration=150ms] - The duration of the show/hide animation.
 *
 * @csspart card - The card container.
 *
 * @cssstate open - Applied when the card is open.
 *
 * @example Default
 * ```html
 * <a href="#" id="preview__default">Hover over this link</a>
 * <sigvelo-preview-card for="preview__default">
 *   <div style="padding: 1rem;">
 *     <strong>Preview</strong>
 *     <p style="margin: 0.5rem 0 0;">This is a preview of the linked content with additional context.</p>
 *   </div>
 * </sigvelo-preview-card>
 * ```
 */
declare class SigveloPreviewCard extends SigveloElement {
  static styles: CSSResultGroup;
  private anchor;
  private cleanup;
  private hoverInTimeout;
  private hoverOutTimeout;
  private card;
  /** The ID of the anchor element that triggers the preview card. */
  for: string;
  /** Shows or hides the preview card. */
  open: boolean;
  /** The placement of the card relative to the anchor. */
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
  /** The distance from the anchor in pixels. */
  distance: number;
  /** Milliseconds to wait before opening on hover. */
  openDelay: number;
  /** Milliseconds to wait before closing when the pointer leaves. */
  closeDelay: number;
  connectedCallback(): void;
  disconnectedCallback(): void;
  updated(changedProperties: PropertyValues<this>): void;
  private syncAnchor;
  private addAnchorListeners;
  private removeAnchorListeners;
  private show;
  private hide;
  private reposition;
  private scheduleOpen;
  private scheduleClose;
  private containsFocusTarget;
  private handleAnchorPointerEnter;
  private handleAnchorPointerLeave;
  private handleCardPointerEnter;
  private handleCardPointerLeave;
  private handleAnchorFocusIn;
  private handleAnchorFocusOut;
  private handleCardFocusIn;
  private handleCardFocusOut;
  private handleKeyDown;
  render(): import("lit-html").TemplateResult<1>;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-preview-card": SigveloPreviewCard;
  }
}
//#endregion
export { SigveloPreviewCard as t };