import { LeadParagraph } from "../components/ArticleParagraph";
import { H1, H2, H3 } from "../components/ArticleHeading";
import { Paragraph } from "../components/ArticleParagraph";
import { ArticleBlockquote } from "../components/ArticleBlockquote";
import { Marker } from "../components/Marker";
import { ComparisonRow } from "../components/Landing/ComparisonRow";
import { StatsDisplay } from "../components/StatsDisplay";
import { Mermaid } from "../components/Mermaid";
import { DiagramState } from "../components/DiagramState";
import { DiagramTimeline } from "../components/DiagramTimeline";
import { DiagramGantt } from "../components/DiagramGantt";
import { DiagramPie } from "../components/DiagramPie";
import { DiagramSequence } from "../components/DiagramSequence";
import { DiagramFlow } from "../components/DiagramFlow";
import { IconList, IconListItem } from "../components/IconList";
import { ArticleMeme } from "../components/ArticleMeme";
import { MemeCard } from "../components/MemeCard";
import { ExternalLink } from "../components/ExternalLink";
import { StatsGrid } from "../components/StatsGrid";
import { MetricBar } from "../components/MetricBar";
import { ArticleQuote } from "../components/ArticleQuote";
import { BoldNumber } from "../components/BoldNumber";
import { WebVitalsScore } from "../components/WebVitalsScore";
import { WaterfallChart } from "../components/WaterfallChart";
import { Button } from "../components/Button";
import { LeadMagnet } from "../components/LeadMagnet";
import { TrackedLink } from "../components/analytics/TrackedLink";
import { FAQSection } from "../components/FAQSection";

import { PremiumComparisonChart } from "../components/PremiumComparisonChart";
import { ImageText } from "../components/ImageText";
import { Carousel } from "../components/Carousel";

import { Section } from "../components/Section";
import { Reveal } from "../components/Reveal";
import { TableOfContents } from "../components/TableOfContents";

import { RevenueLossCalculator } from "../components/RevenueLossCalculator";
import { PerformanceChart } from "../components/PerformanceChart";
import { PerformanceROICalculator } from "../components/simulations/PerformanceROICalculator";
import { LoadTimeSimulator } from "../components/simulations/LoadTimeSimulator";
import { ArchitectureBuilder } from "../components/simulations/ArchitectureBuilder";
import { DigitalAssetVisualizer } from "../components/simulations/DigitalAssetVisualizer";

import { TwitterEmbed } from "../components/TwitterEmbed";
import { YouTubeEmbed } from "../components/YouTubeEmbed";
import { LinkedInEmbed } from "../components/LinkedInEmbed";
import { TLDR } from "../components/TLDR";

/**
 * Single Source of Truth for MDX component rendering.
 * Handled separately from Payload blocks to avoid SVG import issues in Node.js.
 */
export const mdxComponents = {
  LeadParagraph,
  H1,
  H2,
  H3,
  Paragraph,
  ArticleBlockquote,
  Marker,
  ComparisonRow,
  StatsDisplay,
  Mermaid,
  DiagramState,
  DiagramTimeline,
  DiagramGantt,
  DiagramPie,
  DiagramSequence,
  DiagramFlow,
  IconList,
  IconListItem,
  ArticleMeme,
  MemeCard,
  ExternalLink,
  StatsGrid,
  MetricBar,
  ArticleQuote,
  BoldNumber,
  WebVitalsScore,
  WaterfallChart,
  PremiumComparisonChart,
  ImageText,
  Carousel,
  Section,
  Reveal,
  TableOfContents,
  RevenueLossCalculator,
  PerformanceChart,
  PerformanceROICalculator,
  LoadTimeSimulator,
  ArchitectureBuilder,
  DigitalAssetVisualizer,
  TwitterEmbed,
  YouTubeEmbed,
  LinkedInEmbed,
  Button,
  LeadMagnet,
  TrackedLink,
  FAQSection,
  TLDR,
};