"use client" import * as React from "react" import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip" import { AnimatePresence, motion, useReducedMotion } from "motion/react" import { tooltipMotion } from "@/lib/motion" import { cn } from "@/lib/utils" /** Smallest stack — ring + short cast + top light. */ const tooltipElevation = "ds-elev-card" type TooltipOpenContextValue = { open: boolean } const TooltipOpenContext = React.createContext( null ) function useTooltipOpen() { const ctx = React.useContext(TooltipOpenContext) if (!ctx) { throw new Error("Tooltip parts must be used within ") } return ctx.open } function TooltipProvider({ delay = 400, ...props }: TooltipPrimitive.Provider.Props) { return ( ) } function Tooltip({ open: openProp, defaultOpen = false, onOpenChange, ...props }: TooltipPrimitive.Root.Props) { const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen) const isControlled = openProp !== undefined const open = isControlled ? openProp : uncontrolledOpen const handleOpenChange = React.useCallback< NonNullable >( (next, eventDetails) => { if (!isControlled) setUncontrolledOpen(next) onOpenChange?.(next, eventDetails) }, [isControlled, onOpenChange] ) return ( ) } function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) { return } function TooltipContent({ className, side = "top", sideOffset = 6, align = "center", alignOffset = 0, children, render, ...props }: TooltipPrimitive.Popup.Props & Pick< TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" >) { const open = useTooltipOpen() const reduce = useReducedMotion() return ( {open ? ( } {...props} > {children} ) : null} ) } export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }