import { CSSResultGroup, PropertyValues } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/alert-dialog/alert-dialog.d.ts
/**
 * <sigvelo-alert-dialog>
 *
 * @summary A modal dialog that requires an explicit user decision before it can be dismissed.
 * @tag sigvelo-alert-dialog
 * @status experimental
 * @since 1.0
 *
 * @dependency sigvelo-dialog
 *
 * @slot - The alert description/body content.
 * @slot header - Content for the dialog header (typically a title).
 * @slot cancel - The cancel action button.
 * @slot confirm - The confirm action button.
 *
 * @event sigvelo-confirm - Emitted when the confirm action is triggered.
 * @event sigvelo-cancel - Emitted when the cancel action is triggered.
 *
 * @cssstate open - Applied when the alert dialog is open.
 *
 * @example Default
 * ```html
 * <sigvelo-alert-dialog id="alert__default">
 *   <h3 slot="header" style="font-size: 1.125rem; margin: 0;">
 *     Delete item?
 *   </h3>
 *
 *   <p>This action cannot be undone. This will permanently delete the item from your account.</p>
 *
 *   <sigvelo-button slot="cancel">Cancel</sigvelo-button>
 *   <sigvelo-button slot="confirm" color="destructive">Delete</sigvelo-button>
 * </sigvelo-alert-dialog>
 *
 * <sigvelo-button color="destructive" data-dialog="open alert__default">
 *   Delete item
 * </sigvelo-button>
 * ```
 */
declare class SigveloAlertDialog extends SigveloElement {
  static styles: CSSResultGroup;
  /** Opens or closes the alert dialog. */
  open: boolean;
  firstUpdated(): void;
  disconnectedCallback(): void;
  private handleCancel;
  private handleConfirm;
  render(): import("lit-html").TemplateResult<1>;
  updated(changedProperties: PropertyValues<this>): void;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-alert-dialog": SigveloAlertDialog;
  }
}
//#endregion
export { SigveloAlertDialog as t };