import { Tooltip as TooltipBase } from '@base-ui/react/tooltip';
import { ComponentPropsWithoutRef, ReactNode } from 'react';
/** Tooltip side variant definitions mapping positions to their Tailwind classes. */
export declare const KUMO_TOOLTIP_VARIANTS: {
    readonly side: {
        readonly top: {
            readonly classes: "";
            readonly description: "Tooltip appears above the trigger";
        };
        readonly bottom: {
            readonly classes: "";
            readonly description: "Tooltip appears below the trigger";
        };
        readonly left: {
            readonly classes: "";
            readonly description: "Tooltip appears to the left of the trigger";
        };
        readonly right: {
            readonly classes: "";
            readonly description: "Tooltip appears to the right of the trigger";
        };
    };
};
export declare const KUMO_TOOLTIP_DEFAULT_VARIANTS: {
    readonly side: "top";
};
export type KumoTooltipSide = keyof typeof KUMO_TOOLTIP_VARIANTS.side;
export interface KumoTooltipVariantsProps {
    /**
     * Preferred side of the trigger to render the tooltip.
     * - `"top"` — Tooltip appears above the trigger
     * - `"bottom"` — Tooltip appears below the trigger
     * - `"left"` — Tooltip appears to the left of the trigger
     * - `"right"` — Tooltip appears to the right of the trigger
     * @default "top"
     */
    side?: KumoTooltipSide;
}
export declare function tooltipVariants({ side, }?: KumoTooltipVariantsProps): string;
export declare const TooltipProvider: import('react').FC<import('@base-ui/react').TooltipProviderProps>;
type BaseTooltipProps = ComponentPropsWithoutRef<typeof TooltipBase.Root>;
/** Alignment options for tooltip positioning. Source: PositionerProps["align"] */
type TooltipAlign = "start" | "center" | "end";
/**
 * Tooltip component props.
 *
 * @example
 * ```tsx
 * <TooltipProvider>
 *   <Tooltip content="Add new item" asChild>
 *     <Button shape="square" icon={PlusIcon} />
 *   </Tooltip>
 * </TooltipProvider>
 * ```
 */
export type TooltipProps = BaseTooltipProps & KumoTooltipVariantsProps & {
    /**
     * Alignment on the axis perpendicular to `side`.
     * - `"start"` — Align to the start edge
     * - `"center"` — Center-aligned
     * - `"end"` — Align to the end edge
     */
    align?: TooltipAlign;
    /** When `true`, the trigger wraps the child element instead of adding a wrapper. */
    asChild?: boolean;
    /** Additional CSS classes merged via `cn()`. */
    className?: string;
    /** Content to display inside the tooltip popup. */
    content: ReactNode;
};
/**
 * Accessible popup that shows additional information on hover/focus.
 * Wrap your app or section with `<TooltipProvider>` to enable delay grouping.
 *
 * @example
 * ```tsx
 * <Tooltip content="Save changes" asChild>
 *   <Button variant="primary">Save</Button>
 * </Tooltip>
 * ```
 */
export declare function Tooltip({ content, children, align, asChild, side, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=tooltip.d.ts.map