{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-effects-magnetic",
  "title": "Magnetic Demo",
  "description": "Demo showing a magnetic effect.",
  "registryDependencies": [
    "@odysseyui/primitives-effects-magnetic"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/effects/magnetic/index.tsx",
      "content": "import { Magnetic } from '@/components/odyssey/primitives/effects/magnetic';\n\ninterface MagneticDemoProps {\n  onlyOnHover: boolean;\n  strength: number;\n  range: number;\n}\n\nexport const MagneticDemo = (props: MagneticDemoProps) => {\n  return (\n    <div className=\"size-full flex items-center justify-center\">\n      <Magnetic className=\"size-20 bg-primary\" {...props} />\n    </div>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/primitives/effects/magnetic.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "Magnetic": {
        "onlyOnHover": {
          "value": false
        },
        "strength": {
          "value": 0.5,
          "min": 0,
          "max": 1,
          "step": 0.05
        },
        "range": {
          "value": 120
        }
      }
    }
  },
  "type": "registry:ui"
}