import { Cre8Element } from '../cre8-element';
/** One item in a data-driven list. */
export interface Cre8ListItemData {
    text: string;
}
/**
 * @slot - The list items
 */
export declare class Cre8List extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Style variants
     * <cre8-text-passage size="sm">
     * <ul>
     * <li>**bare** removes any lines from in between list items</li>
     * </ul>
     * </cre8-text-passage>
     */
    variant?: 'bare';
    /**
     * Spacing variants
     * <cre8-text-passage size="sm">
     * <ul>
     * <li>**padded** applies more padding in between list items compared to the default</li>
     * <li>**condensed** reduces padding in between list items compared to the default</li>
     * </ul>
     * </cre8-text-passage>
     */
    spacing?: 'padded' | 'condensed';
    /**
     * Items for a data-driven list. Set this and the list builds its own
     * `cre8-list-item` children in the light DOM — the same composition you would
     * write by hand. Leave it unset to compose the list yourself.
     */
    items?: Cre8ListItemData[];
    /** The composition the data property stands for. */
    private buildComposition;
    protected updated(changed: Map<string, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-list': Cre8List;
    }
}
export default Cre8List;
//# sourceMappingURL=list.d.ts.map