{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tooltip",
  "title": "Tooltip",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-react/components/tooltip/tooltip.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cn } from '@/lib/utils'\n\n// Defaults follow Radix conventions: 700ms open delay for ambient tooltips,\n// 300ms skip-delay so once one tooltip opens, neighbors skip the wait.\nfunction TooltipProvider({\n  delayDuration = 700,\n  skipDelayDuration = 300,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayDuration}\n      skipDelayDuration={skipDelayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip(props: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-uipkge=\"\" data-slot=\"tooltip\" {...props} />\n}\n\nconst TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>\n>((props, ref) => (\n  <TooltipPrimitive.Trigger ref={ref} data-uipkge=\"\" data-slot=\"tooltip-trigger\" {...props} />\n))\nTooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, children, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      data-uipkge=\"\"\n      data-slot=\"tooltip-content\"\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-foreground text-background motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n    </TooltipPrimitive.Content>\n  </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent }\n",
      "type": "registry:ui",
      "target": "~/components/ui/tooltip/tooltip.tsx"
    },
    {
      "path": "packages/registry-react/components/tooltip/index.ts",
      "content": "export { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent } from './tooltip'\n",
      "type": "registry:ui",
      "target": "~/components/ui/tooltip/index.ts"
    }
  ],
  "dependencies": [
    "@radix-ui/react-tooltip"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Small popover triggered by hover/focus, used for short labels — icon-button names, abbreviation expansions, keyboard shortcuts. Auto-positions and respects `prefers-reduced-motion`.",
  "categories": [
    "overlay"
  ]
}