{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"tooltip","type":"registry:ui","description":"A popup that displays information related to an element when it receives keyboard focus or the mouse hovers over it, built on Radix Tooltip. Use it for short contextual hints on icons or truncated labels. Parts: TooltipProvider, Tooltip (root), TooltipTrigger, TooltipContent.","dependencies":["radix-ui"],"registryDependencies":["utils"],"files":[{"path":"ui/tooltip.tsx","type":"registry:ui","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"}],"categories":["overlays"],"accessibility":{"support":"primitive","pattern":"tooltip","primitive":"Radix Tooltip","keyboard":[{"keys":["Tab"],"action":"Opening trigger focus reveals the tooltip."},{"keys":["Escape"],"action":"Close the open surface and restore focus."}],"aria":["Tooltip content is associated with its trigger and opens for keyboard focus as well as hover."],"consumer":["Tooltips supplement rather than replace the trigger's accessible name."]},"api":{"source":"src/ui/tooltip.tsx","exports":[{"name":"Tooltip","kind":"component","propsType":"React.ComponentProps<typeof TooltipPrimitive.Root>"},{"name":"TooltipTrigger","kind":"component","propsType":"React.ComponentProps<typeof TooltipPrimitive.Trigger>"},{"name":"TooltipContent","kind":"component","propsType":"React.ComponentProps<typeof TooltipPrimitive.Content>","props":[{"name":"sideOffset","type":"number","required":false,"default":"0"}]},{"name":"TooltipProvider","kind":"component","propsType":"React.ComponentProps<typeof TooltipPrimitive.Provider>","props":[{"name":"delayDuration","type":"number","required":false,"default":"0","description":"The duration from when the pointer enters the trigger until the tooltip gets opened."}]}]}}