import { SelectorItemElement } from '../Abstracts/Selector/SelectorItemElement';
import type { IListItemElementProps } from './IListItemElementProps';
import { ListElement } from './ListElement';
declare const ListItemElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Rippleable").IRippleableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new () => SelectorItemElement<import("../Abstracts/Selector/SelectorElement").SelectorElement<any>>) & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * List Item - An interactive item within a list component supporting selection and various content layouts.
 *
 * @description
 * The List Item component represents an individual selectable item within a List container.
 * It supports multiple selection modes (none, single, multiple), displays optional checkmarks
 * for multi-select scenarios, and includes interactive features like ripple effects and focus
 * indicators. List items can contain prefix and suffix content slots for icons, avatars, or
 * action buttons, making them highly versatile for different use cases such as contact lists,
 * settings menus, or navigation items.
 *
 * @name List Item
 * @element mosaik-list-item
 * @category Selectors
 *
 * @slot - The default slot for the main list item content
 * @slot prefix - Content displayed before the main content (e.g., avatar, icon)
 * @slot suffix - Content displayed after the main content (e.g., badge, action button)
 *
 * @csspart focusRing - The focus indicator ring for keyboard navigation
 * @csspart prefix - The prefix content container
 * @csspart content - The main content container
 * @csspart inner - The inner content wrapper
 * @csspart checkmark - The selection checkmark indicator (visible in multiple selection mode)
 * @csspart suffix - The suffix content container
 *
 * @cssprop {String} --list-item-font-family - The font family for list item text
 * @cssprop {String} --list-item-font-size - The font size for list item text
 * @cssprop {String} --list-item-font-line-height - The line height for list item text
 * @cssprop {String} --list-item-font-weight - The font weight for list item text
 * @cssprop {String} --list-item-font-letter-spacing - The letter spacing for list item text
 * @cssprop {String} --list-item-font-text-decoration - The text decoration style
 * @cssprop {String} --list-item-font-text-transform - The text transformation style
 * @cssprop {String} --list-item-padding-top - The top padding inside the list item
 * @cssprop {String} --list-item-padding-right - The right padding inside the list item
 * @cssprop {String} --list-item-padding-bottom - The bottom padding inside the list item
 * @cssprop {String} --list-item-padding-left - The left padding inside the list item
 * @cssprop {String} --list-item-gap - The spacing between prefix, content, and suffix
 * @cssprop {String} --list-item-foreground-color - The text and icon color
 * @cssprop {String} --list-item-background-color - The background fill color
 * @cssprop {String} --list-item-border-color - The border color
 * @cssprop {String} --list-item-border-width - The border thickness
 * @cssprop {String} --list-item-border-radius - The corner rounding radius
 * @cssprop {String} --list-item-border-style - The border line style
 * @cssprop {String} --list-item-shadow - The drop shadow or elevation effect
 * @cssprop {String} --list-item-transition-duration - The duration of hover/focus transitions
 * @cssprop {String} --list-item-transition-mode - The timing function for transitions
 * @cssprop {String} --list-item-transition-property - The CSS properties to transition
 * @cssprop {String} --focus-ring-color - The focus ring color
 * @cssprop {String} --focus-ring-outward-offset - The focus ring distance from edge
 * @cssprop {String} --focus-ring-inward-offset - The focus ring inward offset
 * @cssprop {String} --focus-ring-active-width - The focus ring width when focused
 * @cssprop {String} --ripple-color - The ripple effect color
 *
 * @dependency {CheckmarkElement} - Checkmark indicator for multi-select mode
 * @dependency {TextElement} - Text rendering component
 * @dependency {RippleElement} - Touch feedback effect component
 * @dependency {FocusRingElement} - Keyboard focus indicator component
 *
 * @fires selected {SelectedEvent} - Fired when the list item is selected
 * @fires deselected {DeselectedEvent} - Fired when the list item is deselected
 * @fires connected {ConnectedEvent} - Fired when connected to the DOM
 * @fires changed {PropertyChangedEvent} - Fired when properties change
 *
 * @example
 * Basic list item with text:
 * ```html
 * <mosaik-list-item>Simple list item</mosaik-list-item>
 * ```
 *
 * @example
 * List item with prefix icon and suffix badge:
 * ```html
 * <mosaik-list-item>
 *   <mosaik-icon slot="prefix"></mosaik-icon>
 *   John Doe
 *   <mosaik-badge slot="suffix">5</mosaik-badge>
 * </mosaik-list-item>
 * ```
 *
 * @example
 * Selectable list item with prefix slot and value:
 * ```html
 * <mosaik-list-item value="user-123" variant="primary">
 *   <mosaik-icon slot="prefix"></mosaik-icon>
 *   <div>
 *     <div>John Doe</div>
 *     <small>john@example.com</small>
 *   </div>
 * </mosaik-list-item>
 * ```
 *
 * @public
 */
export declare class ListItemElement extends ListItemElement_base implements IListItemElementProps {
    private readonly _inheritance;
    private _isChecked;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @override
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `isChecked` property.
     *
     * @public
     */
    get isChecked(): boolean;
    set isChecked(value: boolean);
    /**
     * Gets the `parent` list of this item.
     *
     * @protected
     * @readonly
     */
    get parent(): ListElement;
    /**
     * @protected
     */
    protected onClick(event: Event): void;
}
/**
 * @public
 */
export declare namespace ListItemElement {
    type Props = IListItemElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-list-item': ListItemElement;
    }
}
export {};
//# sourceMappingURL=ListItemElement.d.ts.map