{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "components-base-tooltip",
  "title": "Tooltip",
  "description": "A popup that appears when an element is hovered or focused, showing a hint for sighted users.",
  "registryDependencies": [
    "@animate-ui/primitives-base-tooltip"
  ],
  "files": [
    {
      "path": "registry/components/base/tooltip/index.tsx",
      "content": "import * as React from 'react';\n\nimport {\n  TooltipProvider as TooltipProviderPrimitive,\n  Tooltip as TooltipPrimitive,\n  TooltipTrigger as TooltipTriggerPrimitive,\n  TooltipPositioner as TooltipPositionerPrimitive,\n  TooltipPopup as TooltipPopupPrimitive,\n  TooltipArrow as TooltipArrowPrimitive,\n  TooltipPortal as TooltipPortalPrimitive,\n  type TooltipProviderProps as TooltipProviderPrimitiveProps,\n  type TooltipProps as TooltipPrimitiveProps,\n  type TooltipTriggerProps as TooltipTriggerPrimitiveProps,\n  type TooltipPositionerProps as TooltipPositionerPrimitiveProps,\n  type TooltipPopupProps as TooltipPopupPrimitiveProps,\n} from '@/components/animate-ui/primitives/base/tooltip';\nimport { cn } from '@/lib/utils';\n\ntype TooltipProviderProps = TooltipProviderPrimitiveProps;\n\nfunction TooltipProvider({ delay = 0, ...props }: TooltipProviderProps) {\n  return <TooltipProviderPrimitive delay={delay} {...props} />;\n}\n\ntype TooltipProps = TooltipPrimitiveProps & {\n  delay?: TooltipPrimitiveProps['delay'];\n};\n\nfunction Tooltip({ delay = 0, ...props }: TooltipProps) {\n  return (\n    <TooltipProvider delay={delay}>\n      <TooltipPrimitive {...props} />\n    </TooltipProvider>\n  );\n}\n\ntype TooltipTriggerProps = TooltipTriggerPrimitiveProps;\n\nfunction TooltipTrigger({ ...props }: TooltipTriggerProps) {\n  return <TooltipTriggerPrimitive {...props} />;\n}\n\ntype TooltipPanelProps = TooltipPositionerPrimitiveProps &\n  TooltipPopupPrimitiveProps;\n\nfunction TooltipPanel({\n  className,\n  sideOffset = 4,\n  children,\n  style,\n  ...props\n}: TooltipPanelProps) {\n  return (\n    <TooltipPortalPrimitive>\n      <TooltipPositionerPrimitive\n        sideOffset={sideOffset}\n        className=\"z-50\"\n        {...props}\n      >\n        <TooltipPopupPrimitive\n          className={cn(\n            'bg-primary text-primary-foreground w-fit origin-(--transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n            className,\n          )}\n          style={style}\n        >\n          {children}\n          <TooltipArrowPrimitive className=\"bg-primary fill-primary z-50 size-2.5 data-[side='bottom']:-top-[4px] data-[side='right']:-left-[4px] data-[side='left']:-right-[4px] data-[side='inline-start']:-right-[4px] data-[side='inline-end']:-left-[4px] rotate-45 rounded-[2px]\" />\n        </TooltipPopupPrimitive>\n      </TooltipPositionerPrimitive>\n    </TooltipPortalPrimitive>\n  );\n}\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipPanel,\n  type TooltipProps,\n  type TooltipTriggerProps,\n  type TooltipPanelProps,\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/components/base/tooltip.tsx"
    }
  ],
  "type": "registry:ui"
}