{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-changelogs-timeline-changelog","type":"registry:block","title":"Timeline Changelog","files":[{"path":"components/blocks/marketing/changelogs/timeline-changelog.tsx","content":"import { Badge } from \"@/components/ui/badge\";\n\nexport default function TimelineChangelog() {\n  return (\n    <div className=\"container mx-auto max-w-3xl px-4 py-8\">\n      <div className=\"mb-8\">\n        <h2 className=\"text-3xl font-bold tracking-tight\">Changelog</h2>\n        <p className=\"text-muted-foreground mt-2\">\n          All notable changes to our product will be documented here.\n        </p>\n      </div>\n\n      <div className=\"lg:before:bg-border relative space-y-8 lg:ml-5 lg:before:absolute lg:before:inset-0 lg:before:left-[57.5px] lg:before:ml-0 lg:before:h-full lg:before:w-0.5\">\n        {/* Version 2.0.0 */}\n        <div className=\"relative flex flex-col gap-4 lg:flex-row\">\n          <div className=\"hidden items-center justify-center lg:flex lg:w-1/6\">\n            <div className=\"bg-primary text-primary-foreground z-10 flex h-10 w-10 items-center justify-center rounded-full shadow\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"20\"\n                height=\"20\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                className=\"lucide lucide-rocket\"\n              >\n                <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"></path>\n                <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"></path>\n                <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"></path>\n                <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"></path>\n              </svg>\n            </div>\n          </div>\n          <div className=\"bg-card w-full rounded-lg border p-6 shadow-sm lg:w-5/6\">\n            <div className=\"mb-2 flex items-center gap-2\">\n              <h3 className=\"text-xl font-bold\">Version 2.0.0</h3>\n              <Badge className=\"px-2\">Latest</Badge>\n            </div>\n            <time className=\"text-muted-foreground text-sm\">\n              April 15, 2023\n            </time>\n            <ul className=\"mt-4 list-disc space-y-1.5 pl-5\">\n              <li>Completely redesigned dashboard interface</li>\n              <li>Added dark mode support across all pages</li>\n              <li>Improved performance by 40%</li>\n              <li>Fixed multiple accessibility issues</li>\n            </ul>\n          </div>\n        </div>\n\n        {/* Version 1.2.0 */}\n        <div className=\"relative flex flex-col gap-4 lg:flex-row\">\n          <div className=\"hidden items-center justify-center lg:flex lg:w-1/6\">\n            <div className=\"bg-secondary text-secondary-foreground z-10 flex h-10 w-10 items-center justify-center rounded-full shadow\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"20\"\n                height=\"20\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                className=\"lucide lucide-zap\"\n              >\n                <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"></polygon>\n              </svg>\n            </div>\n          </div>\n          <div className=\"bg-card w-full rounded-lg border p-6 shadow-sm lg:w-5/6\">\n            <h3 className=\"mb-2 text-xl font-bold\">Version 1.2.0</h3>\n            <time className=\"text-muted-foreground text-sm\">March 2, 2023</time>\n            <ul className=\"mt-4 list-disc space-y-1.5 pl-5\">\n              <li>Added new analytics dashboard</li>\n              <li>Improved mobile responsiveness</li>\n              <li>Fixed bug with user authentication</li>\n            </ul>\n          </div>\n        </div>\n\n        {/* Version 1.1.0 */}\n        <div className=\"relative flex flex-col gap-4 lg:flex-row\">\n          <div className=\"hidden items-center justify-center lg:flex lg:w-1/6\">\n            <div className=\"bg-muted text-muted-foreground z-10 flex h-10 w-10 items-center justify-center rounded-full shadow\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"20\"\n                height=\"20\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                className=\"lucide lucide-git-merge\"\n              >\n                <circle cx=\"18\" cy=\"18\" r=\"3\"></circle>\n                <circle cx=\"6\" cy=\"6\" r=\"3\"></circle>\n                <path d=\"M6 9v12\"></path>\n                <path d=\"m18 15-6-6\"></path>\n              </svg>\n            </div>\n          </div>\n          <div className=\"bg-card w-full rounded-lg border p-6 shadow-sm lg:w-5/6\">\n            <h3 className=\"mb-2 text-xl font-bold\">Version 1.1.0</h3>\n            <time className=\"text-muted-foreground text-sm\">\n              January 15, 2023\n            </time>\n            <ul className=\"mt-4 list-disc space-y-1.5 pl-5\">\n              <li>Added support for custom themes</li>\n              <li>Improved form validation</li>\n              <li>Updated documentation</li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/changelogs/timeline-changelog.tsx"},{"path":"components/ui/badge.tsx","content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","type":"registry:ui","target":"components/ui/badge.tsx"}],"description":"A vertical timeline that plots releases in order with dates and notes. Use it to tell the story of a product as it grows version over version.","dependencies":["class-variance-authority","radix-ui"]}