@rdsaude/pulso-react-components/dist/components/tooltip/index.d.ts

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { TooltipRootProps as TooltipRootProps$1, Tooltip, TooltipTrigger as TooltipTrigger$1 } from '@ark-ui/react/tooltip';
import { GLOBALS_TOKENS } from '@raiadrogasil/pulso-design-tokens';

type DesignTokens = typeof GLOBALS_TOKENS;
type TokenSpacingKeys = {
    [K in keyof DesignTokens as K extends `spacing${string}` ? K : never]: DesignTokens[K];
};
type TooltipPlacement = 'left' | 'right' | 'top' | 'bottom';
type TooltipArrowAlign = 'start' | 'end';
declare type AlignedPlacement = `${TooltipPlacement}-${TooltipArrowAlign}`;
type TooltipStrategy = 'absolute' | 'fixed';

type TooltipRootProps = Omit<TooltipRootProps$1, 'positioning'> & {
    /**
     * Define a posição do tooltip em relação ao elemento alvo.
     * @default 'bottom'
     */
    side?: TooltipPlacement | AlignedPlacement;
    /**
     * Distância do tooltip em relação ao elemento alvo.
     * @default 'spacingStackTwopulse' = 8px
     */
    distance?: keyof TokenSpacingKeys;
    /**
     * Define a estratégia de posicionamento do tooltip.
     * @default 'fixed'
     */
    strategy?: TooltipStrategy;
};
declare function TooltipRoot({ children, side, distance, strategy, open, disabled, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
declare namespace TooltipRoot {
    var displayName: string;
}

type TooltipContentProps = Omit<Tooltip.ContentProps, 'className'> & {
    showCloseButton?: boolean;
    onClickClose?: () => void;
};
declare function TooltipContent({ children, showCloseButton, onClickClose, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
declare namespace TooltipContent {
    var displayName: string;
}

type TooltipTriggerProps = React.ComponentProps<typeof TooltipTrigger$1>;
declare function TooltipTrigger({ ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
declare namespace TooltipTrigger {
    var displayName: string;
}

declare namespace namespace {
  export { TooltipContent as Content, TooltipRoot as Root, TooltipTrigger as Trigger };
}

export { namespace as Tooltip, type TooltipRootProps as TooltipProps };