import Tailwind from '../base/tailwind-base'; /** * @tag plus-accordion * @summary Accordion component for displaying collapsible content. * * @slot header - The header content of the accordion * @slot helper - Optional helper text displayed next to the header * @slot panel - The content that is shown when the accordion is expanded * * @csspart header - The header container * @csspart panel - The panel container * @csspart icon - The expand/collapse icon * @csspart helper - The helper text container * * @event plus-accordion-toggle - Emitted when the accordion is toggled * @eventDetail {boolean} expand - Whether the accordion is expanded * * @example * ```html * *
Header
*
Helper text
*
Content
*
* ``` */ export default class PlusAccordion extends Tailwind { /** * Whether the accordion is expanded * @type {boolean} * @default false * @attr expand */ expand: boolean; /** * Whether the accordion is part of a group * @type {boolean} * @default false * @attr is-grouped */ isGrouped: boolean; /** * Whether the accordion is the last item in a group * @type {boolean} * @default false * @attr is-last */ isLast: boolean; /** * Whether the accordion is the first item in a group * @type {boolean} * @default false * @attr is-first */ isFirst: boolean; /** * The size of the accordion * @type {'sm' | 'md' | 'lg'} * @default 'md' * @attr size */ size: 'sm' | 'md' | 'lg'; /** * Whether the accordion is disabled * @type {boolean} * @default false * @attr disabled */ disabled: boolean; static styles: import("lit").CSSResult[]; private toggleOpen; render(): import("lit-html").TemplateResult<1>; } export { PlusAccordion }; //# sourceMappingURL=accordion.d.ts.map