import { DDSFormSubmitElement, DDSNavigable, NavigationTarget } from "../../base/index.js";
import { ARIARole } from "../../lit-analyzer-types.js";
import { MergeVariantProps } from "../../type-utils.js";
declare const cvaIconButton: (props?: ({
    color?: "default" | "danger" | "neutral" | null | undefined;
    variant?: "fill" | "outline" | "ghost" | null | undefined;
    size?: "s" | "m" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
type IconButtonVariantProps = MergeVariantProps<typeof cvaIconButton>;
/**
 * The icon button component is a versatile UI element that triggers actions or submits forms when clicked.
 * It functions similarly to the HTML `<button>` tag, allowing users to initiate various operations such as submitting data, opening dialogs, or navigating to different sections of an application.
 *
 * You can insert any icon, including the daikin-icon, but please note the following regarding style:
 * - About fill color - The icon should be able to accept the CSS `color` property.
 * - About size - The recommended width of the icon is 24px * 24px. Please make sure that the size of the icon you insert conforms to this, or please set the `width` and `height` properties of the icon to 100%.
 *
 * @attr form - The form the component belongs to.
 * @prop {String} formAttr - The form the component belongs to.
 *
 * @fires click - A retargeted event of a [click event](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) emitted from the inner `<button>` element. Suppressed if `disabled` is true,
 *
 * @slot - A slot for an icon. Place a daikin-icon element or something similar.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/icon-button/index.js";
 * // The following import is not necessary if you are not using `daikin-icon`.
 * import "@daikin-oss/design-system-web-components/components/icon/index.js";
 * ```
 *
 * ```html
 * <daikin-icon-button>
 *   <daikin-icon icon="chevron-right" color="current"></daikin-icon>
 * </daikin-icon-button>
 * ```
 */
export declare class DaikinIconButton extends DDSFormSubmitElement implements DDSNavigable {
    static readonly styles: import('lit').CSSResult;
    /**
     * Variant of the button.
     *
     * @default "fill"
     */
    variant: IconButtonVariantProps["variant"];
    /**
     * Color of the button.
     *
     * @default "default"
     */
    color: IconButtonVariantProps["color"];
    /**
     * Whether the button is disabled.
     */
    disabled: boolean;
    /**
     * Link `href`.
     * Only used if the `type` is `"link"`.
     * If omitted with `type="link"`, the link will be treated as [a placeholder link](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element:~:text=If%20the%20a%20element%20has%20no%20href%20attribute) and rendered as disabled state.
     */
    href: string | null;
    /**
     * Type of the button.
     * If `"link"` is specified, the button will be rendered as an `<a>` element.
     *
     * @default "button"
     */
    type: "button" | "submit" | "reset" | "link";
    /**
     * The aria-label of the icon button.
     */
    buttonAriaLabel: string | null;
    /**
     * Optional ARIA role of the button.
     */
    buttonRole: ARIARole | null;
    /**
     * The aria-haspopup of the icon button when `type="button"`.
     * When used within a daikin-menu component, this property is automatically assigned the value `buttonAriaHaspopup="menu"`.
     */
    buttonAriaHaspopup: "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | null;
    /**
     * The aria-expanded of icon button when `type="button"`.
     * When used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.
     */
    buttonAriaExpanded: "true" | "false" | "undefined" | null;
    /**
     * The `tabindex` of the button.
     * If omitted or set to 0, the button follows the default tab flow.
     * Setting it to -1 makes the button unreachable via the Tab key.
     * This is useful when the button is part of a composite widget and accessible via other keys.
     */
    buttonTabIndex: number;
    /**
     * Size of the button.
     * - `s`: 32px * 32px
     * - `m`: 48px * 48px
     */
    size: "s" | "m";
    private readonly _button;
    constructor();
    /**
     * _Internal use._
     * Returns the navigation target information.
     * Used by navigation handling utilities.
     *
     * @returns Navigation target information or `null` if not navigable.
     *
     * @private
     */
    getDDSNavigationTarget(): NavigationTarget | null;
    render(): import('lit-html').TemplateResult<1>;
    /**
     * Focuses on the inner button.
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-icon-button": DaikinIconButton;
    }
}
export {};