{
  "name": "DotGridBackground",
  "description": "Dot pattern background with radial gradient dots and optional 3D perspective effect.",
  "details": "Use for subtle, modern backgrounds. Features dense dot grid (small: 100 dots, medium: 50 dots, large: 25 dots per 100vw). Optional perspectiveThreeD adds skew transform and radial mask. Uses background-accent color at 30% opacity. Has radial fade mask at 90%.",
  "constraints": {},
  "propsSchema": {
    "size?": "'small' | 'medium' | 'large' (default: 'medium')",
    "perspectiveThreeD?": "boolean (default: false)",
    "className?": "string"
  },
  "usageExample": "<DotGridBackground size=\"medium\" perspectiveThreeD={false} />",
  "do": [
    "Use for feature showcases",
    "Use for capability displays"
  ],
  "dont": [
    "Do not use more than 4 items"
  ],
  "editRules": {
    "textOnly": true,
    "layoutLocked": true,
    "styleLocked": true
  }
}