{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-buttons-flip",
  "title": "Flip Button Demo",
  "description": "Demo showing a flip button.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@animate-ui/components-buttons-flip"
  ],
  "files": [
    {
      "path": "registry/demo/components/buttons/flip/index.tsx",
      "content": "import { PlusIcon } from 'lucide-react';\nimport {\n  FlipButton,\n  FlipButtonBack,\n  FlipButtonFront,\n  type FlipButtonProps,\n} from '@/components/animate-ui/components/buttons/flip';\n\ninterface ButtonDemoProps {\n  frontVariant: FlipButtonProps['variant'];\n  frontSize: FlipButtonProps['size'];\n  backVariant: FlipButtonProps['variant'];\n  backSize: FlipButtonProps['size'];\n}\n\nexport default function ButtonDemo({\n  frontVariant,\n  frontSize,\n  backVariant,\n  backSize,\n}: ButtonDemoProps) {\n  return (\n    <FlipButton>\n      <FlipButtonFront variant={frontVariant} size={frontSize}>\n        {frontSize === 'icon' ? <PlusIcon /> : 'Front Button'}\n      </FlipButtonFront>\n      <FlipButtonBack variant={backVariant} size={backSize}>\n        {backSize === 'icon' ? <PlusIcon /> : 'Back Button'}\n      </FlipButtonBack>\n    </FlipButton>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/components/buttons/flip.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "FlipButtonFront": {
        "frontVariant": {
          "value": "accent",
          "options": {
            "default": "default",
            "accent": "accent",
            "destructive": "destructive",
            "outline": "outline",
            "secondary": "secondary",
            "ghost": "ghost",
            "link": "link"
          }
        },
        "frontSize": {
          "value": "default",
          "options": {
            "default": "default",
            "sm": "sm",
            "lg": "lg",
            "icon": "icon",
            "icon-sm": "icon-sm",
            "icon-lg": "icon-lg"
          }
        }
      },
      "FlipButtonBack": {
        "backVariant": {
          "value": "default",
          "options": {
            "default": "default",
            "accent": "accent",
            "destructive": "destructive",
            "outline": "outline",
            "secondary": "secondary",
            "ghost": "ghost",
            "link": "link"
          }
        },
        "backSize": {
          "value": "default",
          "options": {
            "default": "default",
            "sm": "sm",
            "lg": "lg",
            "icon": "icon"
          }
        }
      }
    }
  },
  "type": "registry:ui"
}