import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{LyraAccordionAppearance,LyraAccordionHeadingLevel,LyraAccordionIconPlacement}from'./accordion-types.js';export type{LyraAccordionAppearance,LyraAccordionHeadingLevel,LyraAccordionIconPlacement,}from'./accordion-types.js'; /** * `` — an accessible expandable section for ``. * * The item deliberately owns only Web Awesome's accordion-item vocabulary. Use `expanded`, * `label`, and `expand()`/`collapse()`/`toggle()` here; the independent `open`, `summary`, and * `show()`/`hide()` disclosure vocabulary belongs to ``. * * A present host `aria-label`, including an explicitly empty value, names the trigger button. * When absent, the trigger retains its native name-from-content behavior. * * @customElement lr-accordion-item * @slot - Panel content. * @slot label - Visible header label; takes priority over the `label` property. Its flattened * subtree is inert and hidden from assistive technology, while its accessibility-visible text * names the sole trigger button. * @slot icon - Optional decorative expand/collapse icon. Its flattened subtree remains visible * but is inert and hidden from assistive technology; the trigger button is the sole action. * @csspart base - Deprecated compatibility name for the outer wrapper; use `accordion-item`. * @csspart accordion-item - The outer wrapper. It is the same node as `base`. * @csspart heading - Heading around the trigger; omitted for `heading-level="none"`. * @csspart button - The trigger button. * @csspart label - Label container. * @csspart icon - Expand/collapse icon container. * @csspart panel - Expandable panel. * @csspart content - Content container inside the panel. * @cssprop [--lr-accordion-item-outlined-bg=var(--lr-color-surface)] - Outlined item background. * @cssprop [--lr-accordion-item-filled-bg=var(--lr-color-surface-raised)] - Filled item background. * @cssprop [--lr-accordion-item-filled-outlined-bg=var(--lr-color-surface-raised)] - * Filled-outlined item background. * @cssprop [--lr-accordion-item-button-hover-bg=var(--lr-color-brand-quiet)] - Trigger hover * background. * @cssprop [--lr-accordion-item-button-active-bg=color-mix(...)] - Trigger pressed background. * @cssprop [--lr-accordion-item-spacing=var(--lr-form-control-padding-inline)] - Header/content * spacing. * @cssprop [--lr-accordion-item-show-duration=var(--lr-duration-base)] - Expand transition * duration. * @cssprop [--lr-accordion-item-hide-duration=var(--lr-duration-base)] - Collapse transition * duration. * @cssprop [--lr-accordion-item-easing=var(--lr-easing-standard)] - Expand/collapse easing. * @cssprop [--spacing] - Upstream-compatible alias for `--lr-accordion-item-spacing`. * @cssprop [--show-duration] - Upstream-compatible alias for * `--lr-accordion-item-show-duration`. * @cssprop [--hide-duration] - Upstream-compatible alias for * `--lr-accordion-item-hide-duration`. * @cssprop [--easing] - Upstream-compatible alias for `--lr-accordion-item-easing`. * @cssstate animating - Present while an expand/collapse transition is settling. * @status stable * @since 4.0.0 */ export declare class LyraAccordionItem extends LyraElement{static styles:import("lit").CSSResultGroup[];private readonly itemInternals;private readonly disclosureMotion;private _expanded;private hasLabel;constructor(); /** Text shown in the trigger. Rich content belongs in the `label` slot. */ label:string; /** * Whether the panel is expanded. Assigning it uses the owning accordion's cancelable lifecycle. * @default false */ get expanded():boolean;set expanded(next:boolean); /** Disables the item so it cannot be toggled. */ disabled:boolean; /** Heading level from 1–6, or `none`; every other value uses h3. */ headingLevel:LyraAccordionHeadingLevel; /** Whether the icon appears before or after the label. */ iconPlacement:LyraAccordionIconPlacement; /** Visual treatment inherited non-destructively from the owning accordion. */ appearance:LyraAccordionAppearance;disconnectedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private applyExpandedState;private syncExpandedAttribute;private transitionTo; /** Expands the accordion item with animation. Disabled or expanded items are unchanged. */ expand():Promise; /** Collapses the accordion item with animation. Disabled or collapsed items are unchanged. */ collapse():Promise; /** Toggles the accordion item's expanded state. */ toggle():Promise; /** Focus the internal trigger. */ focus(options?:FocusOptions):void; /** Activate the internal trigger. */ click():void;private get button();private onTrigger;private onLabel;private heading;private get effectiveAppearance();private get effectiveHeadingLevel();private get effectiveIconPlacement();render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-accordion-item':LyraAccordionItem;}}