{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "timeline-07",
  "title": "Timeline 07",
  "description": "A simple timeline block with changelog",
  "files": [
    {
      "path": "src/registry/blocks/shared/timeline-07/components/timeline.tsx",
      "content": "const changelog = [\n  {\n    title: \"Initial Release\",\n    description:\n      \"Launched the first version with core features and basic UI components.\",\n    version: \"1.0.0\",\n    date: \"2025-03-01\",\n  },\n  {\n    title: \"UI Enhancements\",\n    description:\n      \"Improved the user interface with better accessibility and design consistency.\",\n    version: \"1.1.0\",\n    date: \"2025-03-05\",\n  },\n  {\n    title: \"Performance Optimization\",\n    description:\n      \"Reduced load times and improved overall application performance.\",\n    version: \"1.2.0\",\n    date: \"2025-03-10\",\n  },\n  {\n    title: \"New Feature: Dark Mode\",\n    description:\n      \"Added support for dark mode, allowing users to switch themes seamlessly.\",\n    version: \"1.3.0\",\n    date: \"2025-03-15\",\n  },\n  {\n    title: \"Bug Fixes & Security Patch\",\n    description:\n      \"Fixed various minor bugs and patched security vulnerabilities.\",\n    version: \"1.3.1\",\n    date: \"2025-03-18\",\n  },\n  {\n    title: \"New Components Added\",\n    description:\n      \"Introduced new UI components for better customization and flexibility.\",\n    version: \"1.4.0\",\n    date: \"2025-03-22\",\n  },\n  {\n    title: \"Major Update: API Integration\",\n    description:\n      \"Integrated external APIs to enhance functionality and data synchronization.\",\n    version: \"2.0.0\",\n    date: \"2025-04-01\",\n  },\n];\n\nexport default function Timeline() {\n  return (\n    <div className=\"max-w-(--breakpoint-sm) px-6 py-12 md:mx-auto md:py-20\">\n      <div className=\"relative\">\n        {/* Timeline line */}\n        {/* <div className=\"absolute left-0 top-3 bottom-0 border-l-2\" /> */}\n\n        {changelog\n          .reverse()\n          .map(({ title, description, date, version }, index) => (\n            <div className=\"group relative\" key={index}>\n              {/* Content */}\n              <div className=\"flex items-start\">\n                <div className=\"mt-3 mr-5 flex w-[75px] shrink-0 flex-col gap-2 text-end sm:w-[90px]\">\n                  <h6 className=\"font-semibold text-primary text-sm\">\n                    v{version}\n                  </h6>\n                  <span className=\"text-muted-foreground text-xs sm:text-sm\">\n                    {date}\n                  </span>\n                </div>\n                <div className=\"relative space-y-1 border-l pb-10 pl-6 group-last:pb-4 sm:pl-8\">\n                  {/* Timeline Dot */}\n                  <div className=\"absolute top-4 -left-px h-3 w-3 -translate-x-1/2 rounded-full border-2 border-primary bg-background\" />\n\n                  <h3 className=\"mt-2 font-medium text-lg tracking-[-0.01em]\">\n                    {title}\n                  </h3>\n                  <p className=\"text-muted-foreground text-sm sm:text-base\">\n                    {description}\n                  </p>\n                </div>\n              </div>\n            </div>\n          ))}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}