import { DDSElement, DDSNavigable, NavigationTarget } from "../../base/index.cjs";
/**
 * The list item component is used to represent a single item in a list. Please use it within the `daikin-list` component.
 *
 * Hierarchy:
 * - `daikin-list` > `daikin-list-item`
 * - `daikin-menu` > `daikin-list` > `daikin-list-item`
 *
 * The following types are available:
 *
 * - `button`: Uses `<button>` tag.
 * - `link`: Uses `<a>` tag.
 * - `text`: Uses `<span>` tag.
 *
 * @fires click - A retargeted event of a [click event](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event). Suppressed if `disabled` is true.
 *
 * @slot - A slot for the list item label content.
 * @slot action - An optional slot for an interaction item to be placed to the right of the text. Place `daikin-checkbox`, `daikin-toggle`, or something similar.
 * @slot left-icon - An optional slot for an icon to be placed to the left of the text. Place `daikin-icon` or something similar.
 * @slot right-icon - An optional slot for an icon to be placed to the left of the text. Ignored if `action` slot is used. Place `daikin-icon` or something similar.
 *
 * @csspart item - CSS styles applied to the `item` part target the internal wrapper element (`<a>`, `<button>`, or `<span>`). For instance, setting `cursor: grab;` changes the hover cursor, signaling that the list item is draggable.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/list-item/index.js";
 * ```
 *
 * ```html
 * <daikin-list-item>List item label</daikin-list-item>
 * ```
 */
export declare class DaikinListItem extends DDSElement implements DDSNavigable {
    static readonly styles: import('lit').CSSResult;
    /**
     * Type of the list item.
     * - `button` (default): The list item will be rendered as a `<button>` element.
     * - `link`: The list item will be rendered as an `<a>` element.
     * - `text`: The list item will be rendered as a `<span>` element. Use this if the list itself has no action.
     *
     * @default "button"
     */
    type: "button" | "link" | "text";
    /**
     * The ARIA `role` of the component.
     * Controlled by the `daikin-list` component.
     */
    listItemRole: "listitem" | "menuitem";
    /**
     * 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;
    /**
     * Whether the list item is disabled.
     * Ignored if the `type` is `"text"`.
     */
    disabled: boolean;
    private readonly _focusableElement;
    private get _disabled();
    private _handleClickAction;
    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 or link.
     * It will have no effect if the `type` is "text" or `disabled` is `true`.
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-list-item": DaikinListItem;
    }
}
export default DaikinListItem;