claritykit-svelte/dist/components/primitives/Tooltip/Tooltip.svelte.d.ts

A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility

type $$ComponentProps = {
    content?: string;
    position?: 'top' | 'right' | 'bottom' | 'left' | 'auto';
    size?: 'sm' | 'md' | 'lg';
    trigger?: 'hover' | 'focus' | 'click' | 'manual';
    showDelay?: number;
    hideDelay?: number;
    disabled?: boolean;
    arrow?: boolean;
    className?: string;
    visible?: boolean;
    children?: import('svelte').Snippet;
    contentSnippet?: import('svelte').Snippet;
};
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
        $$bindings?: Bindings;
    } & Exports;
    (internal: unknown, props: Props & {
        $$events?: Events;
        $$slots?: Slots;
    }): Exports & {
        $set?: any;
        $on?: any;
    };
    z_$$bindings?: Bindings;
}
/**
 * Tooltip
 *
 * A tooltip component that displays additional information on hover, focus, or click.
 * Designed with ADHD-friendly timing and positioning for optimal user experience.
 *
 * @prop {string} [content] - The tooltip content (text)
 * @prop {string} [position='auto'] - Tooltip position (top, right, bottom, left, auto)
 * @prop {string} [size='md'] - Tooltip size (sm, md, lg)
 * @prop {string} [trigger='hover'] - Trigger method (hover, focus, click, manual)
 * @prop {number} [showDelay=500] - Delay before showing tooltip (ADHD-friendly default)
 * @prop {number} [hideDelay=200] - Delay before hiding tooltip
 * @prop {boolean} [disabled=false] - Whether the tooltip is disabled
 * @prop {boolean} [arrow=true] - Whether to show the arrow
 * @prop {string} [className] - Additional CSS classes
 * @prop {boolean} [visible=false] - Manual visibility control (for trigger='manual')
 *
 * @slot default - Trigger element
 * @slot content - Rich content for the tooltip (alternative to content prop)
 *
 * @event show - Fired when tooltip is shown
 * @event hide - Fired when tooltip is hidden
 */
declare const Tooltip: $$__sveltets_2_IsomorphicComponent<$$ComponentProps, {
    show: CustomEvent<void>;
    hide: CustomEvent<void>;
} & {
    [evt: string]: CustomEvent<any>;
}, {}, {}, "">;
type Tooltip = InstanceType<typeof Tooltip>;
export default Tooltip;
//# sourceMappingURL=Tooltip.svelte.d.ts.map