import { LitElement } from "lit";
export type SkyListitemActivateDetail = {
    item: SkyListitem;
};
/**
 * @element sky-listitem
 *
 * @summary List item with optional avatar, actions, subheader mode, and selectable state.
 *
 * @status stable
 * @since 1.0.0
 *
 * @documentation https://sky-ui.com/components/list
 *
 * @slot - Fallback label text when `content` is not used.
 * @slot content - Main content of the list item (usually label or text).
 * @slot actions - Trailing action elements (e.g., icons, buttons).
 * @property {string} avatar - Optional avatar image URL.
 * @property {string} value - Stable id for selection (`sky-list` `selectedValues` / `list-change`). Default: `""`.
 * @property {string} subheader - Subheader text; when set, item renders as a section header.
 * @property {boolean} selected - Whether item is selected.
 * @property {boolean} dense - Whether compact spacing is used.
 * @property {boolean} disabled - Whether interaction is disabled.
 * @property {string} preset - Named prop preset from nearest `sky-config-provider`. Default: `""`.
 * @fires {CustomEvent<SkyListitemActivateDetail>} item-activate - Fired when the item is activated.
 * @method setSelected Sets selection state programmatically.
 *
 * @csspart list-item - The main list item container.
 * @csspart leading - The leading section (avatar container).
 * @csspart avatar - The avatar image element.
 * @csspart content - The content wrapper for the main slot.
 * @csspart actions - The trailing actions container.
 * @csspart subheader - The subheader divider element.
 *
 * @Behavior
 * - Renders either a selectable list row or a non-interactive subheader variant.
 * - Emits `item-activate` for parent list orchestration.
 * - Supports compact and disabled display variants.
 *
 * @example
 * ```html
 * <sky-listitem avatar="https://example.com/avatar.jpg" selected>
 *   <span slot="content">John Doe</span>
 *   <button slot="actions" type="button">Action</button>
 * </sky-listitem>
 * ```
 * ```vue
 * <template>
 *   <sky-listitem avatar="https://example.com/avatar.jpg" selected @item-activate="onActivate">
 *     <span slot="content">John Doe</span>
 *     <button slot="actions" type="button">Action</button>
 *   </sky-listitem>
 * </template>
 * ```
 * ```jsx
 * export default function Demo() {
 *   return (
 *     <sky-listitem avatar="https://example.com/avatar.jpg" selected>
 *       <span slot="content">John Doe</span>
 *       <button slot="actions" type="button">Action</button>
 *     </sky-listitem>
 *   );
 * }
 * ```
 */
export declare class SkyListitem extends LitElement {
    avatar: string;
    /** Optional stable value for list selection (`sky-list` binding). */
    value: string;
    subheader: string;
    selected: boolean;
    dense: boolean;
    disabled: boolean;
    /** Named prop preset from nearest `sky-config-provider`. */
    preset: string;
    private _presets;
    static styles: import("lit").CSSResult;
    private onClick;
    setSelected(selected: boolean): void;
    render(): import("lit-html").TemplateResult<1>;
}