import { Cre8Element } from '../cre8-element'; /** One link in a data-driven link list. */ export interface Cre8LinkData { text: string; href: string; isActive?: boolean; } /** * @slot - The link list items */ export declare class Cre8LinkList extends Cre8Element { static styles: import("lit").CSSResult[]; /** * Behavioral variant * - **responsive** renders a horizontal wrapping link list that converts to a stacked link list on large screens * - **horizontal** renders a horizontal wrapping link list on all screens */ behavior?: 'responsive' | 'horizontal'; /** * Inverted variant * 1. Used for dark backgrounds */ inverted?: boolean; /** * Size variants * - **sm** renders a link list with a smaller typography */ size?: 'sm'; /** * Spacing between link list items * - **condensed** renders a link list with a more compact display */ spacing?: 'condensed'; /** * Style variants * - **secondary** renders a link list with a more subtle visual treatment * - **display** renders a link list with a display treatment (e.g. article title) */ variant?: 'secondary' | 'display'; /** * Links for a data-driven list. Each becomes a `cre8-link-list-item`. * * Worth knowing if you compose these by hand: the label goes in the item's * default slot, *not* its `text` prop. That prop is declared and documented * but never rendered, so setting it produces an empty link that passes every * check — see the drift ledger in `docs/kb/07-research.md`. This API routes * around it. */ items?: Cre8LinkData[]; /** The composition the data property stands for. */ private buildComposition; protected updated(changed: Map): void; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'cre8-link-list': Cre8LinkList; } } export default Cre8LinkList; //# sourceMappingURL=link-list.d.ts.map