import { LitElement } from 'lit'; export type WsDropdownVariant = 'primary' | 'secondary' | 'outlined' | 'text'; export type WsDropdownSize = 'small' | 'medium' | 'large'; /** * A form-associated Workshop Expressive dropdown. * * Source `option` elements may provide an optional `data-icon` attribute * containing one or more icon classes. Options without it render as text-only * choices. * * @slot - Native `option` elements used to populate the dropdown. * @slot icon - Optional trigger indicator icon. Falls back to a chevron. */ export declare class WsDropdown extends LitElement { static styles: import("lit").CSSResult; static formAssociated: boolean; value: string; name: string; label: string; /** Visual treatment matching the Workshop button variants. */ variant: WsDropdownVariant; /** Dropdown density and trigger height. */ size: WsDropdownSize; /** Shows only the dropdown indicator, matching an icon button. */ iconOnly: boolean; /** Rotates the default or custom indicator while the dropdown is open. */ rotateIcon: boolean; disabled: boolean; required: boolean; accessibleLabel?: string; private open; private activeIndex; private options; private readonly internals; private readonly listboxId; private defaultValue; private static nextId; connectedCallback(): void; disconnectedCallback(): void; render(): import("lit-html").TemplateResult<1>; protected updated(changed: Map): void; private renderListbox; private toggle; private handleKeydown; private selectOption; private handleDocumentPointerDown; private syncOptions; formResetCallback(): void; } declare global { interface HTMLElementTagNameMap { 'ws-dropdown': WsDropdown; } } //# sourceMappingURL=ws-dropdown.d.ts.map