import { PropertyValues } from 'lit';
import { DDSElement } from "../../base/index.cjs";
export declare const cvaTreeChildren: (props?: ({
    disabled?: boolean | null | undefined;
    selected?: boolean | null | undefined;
    icon?: boolean | null | undefined;
    open?: boolean | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
/**
 * The tree item component that can be used within `daikin-tree` and `daikin-tree-section` component.
 *
 * This can be placed either under the tree section or directly under the tree. Elements cannot be placed any deeper than tree item.
 *
 * Hierarchy:
 * - `daikin-tree` > `daikin-tree-section` > `daikin-tree-item`
 * - `daikin-tree` > `daikin-tree-item`
 *
 * @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 `<a>` or `<button>` element. Suppressed if `disabled` is true,
 * @fires tree-move-focus - _Internal use._ A custom event used to move the focus within a tree.
 *
 * @slot - A slot for the tree item content.
 *
 * @csspart item - CSS styles applied to the `item` part target the internal `<div>` element wrapping the content. For instance, setting `cursor: grab;` changes the hover cursor, signaling that the tree item is draggable.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/tree-item/index.js";
 * ```
 *
 * ```html
 * <daikin-tree-item>Tree item</daikin-tree-item>
 * ```
 */
export declare class DaikinTreeItem extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * An unique value within the tree.
     * This value is used by the `daikin-tree` component to manage the selection target.
     * While not required, you can use a value based on the hierarchy to ensure uniqueness. (For example, if the parent is "foo", use "foo.bar".)
     */
    value: string;
    /**
     * Whether the tree item is disabled.
     */
    disabled: boolean;
    /**
     * Whether the tree item is selected.
     * Controlled by `daikin-tree`.
     * Do not specify this manually, as it will be overwritten by the `daikin-tree` component.
     *
     * @private
     */
    selected: boolean;
    /**
     * _Internal use._
     * The current nesting depth when the root's children are 0.
     * Automatically set by the parent.
     *
     * @private
     */
    level: number;
    private readonly _focusableRef;
    private get _selected();
    private _handleKeyDown;
    constructor();
    render(): import('lit-html').TemplateResult<1>;
    protected updated(changedProperties: PropertyValues): void;
    /**
     * Focuses on the inner button.
     *
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
    /**
     * Focuses on the inner button.
     * This is provided to ensure consistency of the interface.
     *
     * @param options focus options
     * @private
     */
    focusLastItem(options?: FocusOptions): void;
    /**
     * Updates the selection state (`this.selected`) to true if the argument `value` matches `this.value`. Otherwise, sets it to false.
     *
     * @param value Tree item value.
     * @private
     */
    selectItems(values: readonly string[]): void;
    /**
     * Returns `[this.value]` if selected, or `[]` if not selected.
     *
     * @returns `[this.value]` if selected. `[]` if not selected.
     * @private
     */
    getSelectedItems(): string[];
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-tree-item": DaikinTreeItem;
    }
}