import { LitElement, type PropertyValues } from 'lit'; import type { ModeOption, ModeSelectorVariant } from '../../types/index.js'; /** * @tag loquix-mode-selector * @summary Switches between AI operating modes with four rendering variants. * * @csspart tabs - The tabs container (tabs/pills variant) * @csspart tab - A tab/pill button * @csspart toggle - The toggle container * @csspart toggle-option - A toggle option button * @csspart trigger - The dropdown trigger button * @csspart panel - The dropdown panel * @csspart option - A dropdown option * * @fires loquix-mode-change - Fired when the selected mode changes. Detail: { from, to } */ export declare class LoquixModeSelector extends LitElement { static styles: import("lit").CSSResult[]; private _localize; /** Array of mode options. */ modes: ModeOption[]; /** Currently selected mode value. */ value: string; /** Rendering variant. */ variant: ModeSelectorVariant; /** Show mode descriptions (tabs/pills variants and dropdown options). */ showDescription: boolean; /** Stack description below label instead of inline (tabs/pills variants). */ stacked: boolean; /** Whether the selector is disabled. */ disabled: boolean; /** Whether the dropdown panel is open (dropdown variant only). */ open: boolean; private _focusedIndex; private _outsideClickHandler; private _listenersAttached; protected updated(changed: PropertyValues): void; private _addDocumentListeners; private _removeDocumentListeners; private _chevronSvg; private _checkSvg; toggle(): void; show(): void; hide(): void; private _handleSelect; private get _selectedMode(); private _positionPanel; private _handleOutsideClick; private _handleTabsKeydown; private _handleDropdownKeydown; connectedCallback(): void; disconnectedCallback(): void; private _renderTabs; private _renderToggle; private _renderDropdown; protected render(): import("lit").TemplateResult<1>; } //# sourceMappingURL=loquix-mode-selector.d.ts.map