{
  "name": "HeroSplitKpi",
  "propsSchema": {
    "title": "string",
    "description": "string",
    "background": "{ variant: 'plain' | 'animated-grid' | 'canvas-reveal' | 'cell-wave' | 'downward-rays-animated' | 'downward-rays-animated-grid' | 'downward-rays-static' | 'downward-rays-static-grid' | 'glowing-orb' | 'gradient-bars' | 'radial-gradient' | 'rotated-rays-animated' | 'rotated-rays-animated-grid' | 'rotated-rays-static' | 'rotated-rays-static-grid' | 'sparkles-gradient' } (required)",
    "kpis": "[KpiItem, KpiItem, KpiItem] - Array of exactly 3 KPI items with value and label",
    "enableKpiAnimation": "boolean - Enable/disable mouse-following animation on KPI boxes",
    "tag?": "string",
    "tagIcon?": "LucideIcon",
    "buttons?": "Array<{text: string, onClick?: () => void, href?: string}>",
    "avatars?": "Avatar[] - Array of avatar objects with src and alt properties",
    "avatarText?": "string - Text displayed next to the avatar group",
    "imageSrc?": "string",
    "videoSrc?": "string",
    "imageAlt?": "string (default: '')",
    "videoAriaLabel?": "string (default: 'Hero video')",
    "ariaLabel?": "string (default: 'Hero section')",
    "imagePosition?": "'left' | 'right' (default: 'right')",
    "className?": "string",
    "containerClassName?": "string",
    "textBoxClassName?": "string",
    "titleClassName?": "string",
    "descriptionClassName?": "string",
    "tagClassName?": "string",
    "buttonContainerClassName?": "string",
    "buttonClassName?": "string",
    "buttonTextClassName?": "string",
    "mediaWrapperClassName?": "string",
    "imageClassName?": "string",
    "avatarGroupClassName?": "string",
    "kpiClassName?": "string",
    "kpiValueClassName?": "string",
    "kpiLabelClassName?": "string"
  }
}