import { LitElement } from 'lit'; /** * Accordion container component for collapsible panels * * @element ui-accordion * * @slot - Default slot for accordion items * * @csspart accordion - The accordion container * * @fires change - Dispatched when expanded items change */ export declare class UIAccordion extends LitElement { static styles: import("lit").CSSResult; /** * Expansion mode: 'single' allows only one item open at a time, 'multiple' allows any number */ mode: 'single' | 'multiple'; /** * Array of initially expanded item indices */ defaultExpanded: number[]; private items; connectedCallback(): void; disconnectedCallback(): void; firstUpdated(): void; private updateItems; private handleItemToggle; private handleKeyDown; render(): import("lit-html").TemplateResult<1>; } /** * Accordion item component - individual collapsible section * * @element ui-accordion-item * * @slot header - The header/title content * @slot content - The collapsible content * @slot icon - Custom expand/collapse icon * * @fires toggle - Dispatched when item is expanded or collapsed * * @csspart header - The clickable header button * @csspart content - The collapsible content container */ export declare class UIAccordionItem extends LitElement { static styles: import("lit").CSSResult; expanded: boolean; open: boolean; disabled: boolean; /** * Icon to display in the header */ icon: string; /** * Custom ARIA label for the item */ ariaLabel: string | null; /** * ID of element that labels this item */ ariaLabelledby: string | null; private headerId; private contentId; connectedCallback(): void; private toggle; private handleKeyDown; /** * Focus the header button (for keyboard navigation) */ focusButton(): void; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'ui-accordion': UIAccordion; 'ui-accordion-item': UIAccordionItem; } } //# sourceMappingURL=accordion.d.ts.map