import { LitElement } from 'lit'; /** * Tooltip Component * A wrapper component that displays a tooltip on hover or focus. * Can wrap any HTML content and shows contextual information. */ declare global { interface HTMLElementTagNameMap { 'ctt-tooltip': CttTooltip; } } export declare class CttTooltip extends LitElement { static styles: import("lit").CSSResult; /** * The tooltip text to display */ text: string; /** * Unique identifier for the tooltip element */ id: string; /** * Size variant of the tooltip */ size: 'small' | 'medium' | 'large'; /** * Position of the tooltip relative to the trigger */ position: 'top' | 'bottom' | 'left' | 'right'; /** * Position of the tooltip arrow within the tooltip */ arrowPosition: 'start' | 'middle' | 'end'; /** * Accessible label for screen readers */ ariaLabel: string; /** * Whether the tooltip is disabled */ disabled: boolean; /** * Text alignment of the tooltip content */ textAlign: 'start' | 'center' | 'end'; /** * Internal state for tooltip visibility */ private _visible; /** * Generated unique ID for accessibility */ private _generatedId; private _cleanupEvents?; constructor(); /** * Get the tooltip ID, either provided or generated */ private get _tooltipId(); /** * Get computed CSS classes for the tooltip */ private get _tooltipClasses(); render(): import("lit-html").TemplateResult<1>; private _handleMouseEnter; private _handleMouseLeave; private _handleFocusIn; private _handleFocusOut; private _dispatchVisibilityChange; private _updatePosition; private _startTrackingPosition; private _stopTrackingPosition; disconnectedCallback(): void; updated(changedProperties: Map): void; }