{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hover-card",
  "title": "Hover Card",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-react/components/hover-card/hover-card.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\nimport { cn } from '@/lib/utils'\n\nfunction HoverCard(props: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-uipkge=\"\" data-slot=\"hover-card\" {...props} />\n}\n\nconst HoverCardTrigger = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>\n>((props, ref) => (\n  <HoverCardPrimitive.Trigger ref={ref} data-uipkge=\"\" data-slot=\"hover-card-trigger\" {...props} />\n))\nHoverCardTrigger.displayName = HoverCardPrimitive.Trigger.displayName\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Portal>\n    <HoverCardPrimitive.Content\n      ref={ref}\n      data-uipkge=\"\"\n      data-slot=\"hover-card-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:zoom-in-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-64 rounded-md border p-4 shadow-md outline-hidden',\n        className,\n      )}\n      {...props}\n    />\n  </HoverCardPrimitive.Portal>\n))\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n",
      "type": "registry:ui",
      "target": "~/components/ui/hover-card/hover-card.tsx"
    },
    {
      "path": "packages/registry-react/components/hover-card/index.ts",
      "content": "export { HoverCard, HoverCardTrigger, HoverCardContent } from './hover-card'\n",
      "type": "registry:ui",
      "target": "~/components/ui/hover-card/index.ts"
    }
  ],
  "dependencies": [
    "@radix-ui/react-hover-card"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Rich popover triggered by hover/focus instead of click. Use for inline previews — user cards on @mentions, link previews, KPI explanations. Built on reka-ui with a configurable open/close delay.",
  "categories": [
    "overlay"
  ]
}