import { type OverlayOpenChangeDetail } from '../../core';
import type { ComponentSize } from '../../types';
type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
/** Tooltip component properties */
export type OreTooltipEvents = {
    'open-change': OverlayOpenChangeDetail;
};
export type OreTooltipProps = {
    /** Hide delay in ms */
    'close-delay'?: number;
    /** Tooltip text content */
    content?: string;
    /** Initial uncontrolled open state. Ignored when `open` is set. */
    'default-open'?: boolean;
    /** Show delay in ms */
    delay?: number;
    /** Disable the tooltip */
    disabled?: boolean;
    /** Controlled open state */
    open?: boolean;
    /** Preferred placement relative to trigger */
    placement?: TooltipPlacement;
    /** Tooltip size */
    size?: ComponentSize;
    /** Which trigger(s) show/hide the tooltip */
    trigger?: string;
    /** Visual variant */
    variant?: 'dark' | 'light';
};
/**
 * A lightweight tooltip shown on hover/focus/click relative to the slotted trigger.
 *
 * @element ore-tooltip
 *
 * @attr {string} content - Tooltip text content
 * @attr {string} placement - 'top' | 'bottom' | 'left' | 'right' (default: 'top')
 * @attr {string} trigger - 'hover' | 'focus' | 'click' or comma-separated combination
 * @attr {number} delay - Show delay in milliseconds (default: 0)
 * @attr {boolean} open - Controlled open state
 * @attr {boolean} default-open - Initial uncontrolled open state
 * @attr {string} size - Size: 'sm' | 'md' | 'lg'
 * @attr {string} variant - 'dark' (default) | 'light'
 * @attr {boolean} disabled - Disable the tooltip
 *
 * @slot - Trigger element that the tooltip is anchored to
 * @slot content - Complex tooltip content (overrides the `content` attribute)
 * @fires open-change - Fired when the tooltip state changes. detail: { open, reason }
 *
 * @cssprop --tooltip-max-width - Max width of the tooltip bubble
 *
 * @part tooltip - Tooltip container.
 * @example
 * ```html
 * <!-- Simple text tooltip -->
 * <ore-tooltip content="Copy to clipboard">
 *   <button>Copy</button>
 * </ore-tooltip>
 *
 * <!-- Placement and delay -->
 * <ore-tooltip content="Save your work" placement="right" delay="300">
 *   <ore-icon name="save"></ore-icon>
 * </ore-tooltip>
 *
 * <!-- Hover + focus trigger -->
 * <ore-tooltip content="Required field" trigger="hover,focus" placement="top">
 *   <ore-input label="Email" type="email"></ore-input>
 * </ore-tooltip>
 *
 * <!-- Rich content slot -->
 * <ore-tooltip>
 *   <ore-button>Help</ore-button>
 *   <div slot="content">
 *     <strong>Keyboard shortcuts</strong>
 *     <p>Press Ctrl+S to save.</p>
 *   </div>
 * </ore-tooltip>
 * ```
 */
export declare const TOOLTIP_TAG: "ore-tooltip";
export {};
//# sourceMappingURL=tooltip.d.ts.map