{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-hover-reveal",
  "title": "Hover Reveal Details Card",
  "description": "Animated card with gesture animations,  Reveals hidden content and scale main image on hover.",
  "files": [
    {
      "path": "registry/cards/card-hover-reveal/index.tsx",
      "content": "'use client';\n\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport function CardHoverReveal({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('group relative overflow-hidden', className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardHoverRevealMain({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'size-full transition-transform duration-300 group-hover:scale-105 scale-100',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function CardHoverRevealContent({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'absolute inset-[auto_1.5rem_1.5rem] p-6 backdrop-blur-lg transition-transform duration-500 ease-in-out translate-y-[120%] group-hover:translate-y-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/systaliko-ui/card-hover-reveal.tsx"
    }
  ],
  "type": "registry:ui"
}