{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"hover-card","type":"registry:ui","title":"Hover Card","description":"Tailark Base UI Hover Card component","dependencies":["@base-ui/react"],"registryDependencies":["@tailark/core-utils"],"files":[{"path":"ui/hover-card.tsx","type":"registry:ui","target":"@ui/hover-card.tsx","content":"'use client'\n\nimport * as React from 'react'\nimport { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card'\n\nimport { cn } from '@/lib/utils'\n\nfunction HoverCard({\n    ...props\n}: PreviewCardPrimitive.Root.Props) {\n    return <PreviewCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({\n    className,\n    ...props\n}: PreviewCardPrimitive.Trigger.Props) {\n    return (\n        <PreviewCardPrimitive.Trigger\n            data-slot=\"hover-card-trigger\"\n            className={className}\n            {...props}\n        />\n    )\n}\n\nconst HoverCardContent = React.forwardRef<\n    HTMLDivElement,\n    PreviewCardPrimitive.Popup.Props &\n        Pick<\n            PreviewCardPrimitive.Positioner.Props,\n            'align' | 'sideOffset' | 'side'\n        >\n>(({ className, align = 'center', sideOffset = 4, side, children, ...props }, ref) => (\n    <PreviewCardPrimitive.Portal>\n        <PreviewCardPrimitive.Positioner\n            align={align}\n            sideOffset={sideOffset}\n            side={side}>\n            <PreviewCardPrimitive.Popup\n                ref={ref}\n                className={cn(\n                    'ring-border-illustration bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-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-64 rounded-md p-4 shadow-xl shadow-black/10 outline-none ring-1',\n                    className\n                )}\n                {...props}>\n                {children}\n            </PreviewCardPrimitive.Popup>\n        </PreviewCardPrimitive.Positioner>\n    </PreviewCardPrimitive.Portal>\n))\nHoverCardContent.displayName = 'HoverCardContent'\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"}]}