{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-changelogs-categorized-changelog","type":"registry:block","title":"Categorized Changelog","files":[{"path":"components/blocks/marketing/changelogs/categorized-changelog.tsx","content":"import { Badge } from '@/components/ui/badge';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@/components/ui/select';\nimport { useState } from 'react';\n\nexport default function CategorizedChangelog() {\n const [selectedVersion, setSelectedVersion] = useState('all');\n\n const categories = [\n {\n name: 'Features',\n icon: (\n \n \n \n \n ),\n bgColor: 'bg-green-50 dark:bg-green-950/30',\n textColor: 'text-green-700 dark:text-green-400',\n borderColor: 'border-green-200 dark:border-green-900',\n },\n {\n name: 'Improvements',\n icon: (\n \n \n \n \n \n ),\n bgColor: 'bg-blue-50 dark:bg-blue-950/30',\n textColor: 'text-blue-700 dark:text-blue-400',\n borderColor: 'border-blue-200 dark:border-blue-900',\n },\n {\n name: 'Bug Fixes',\n icon: (\n \n \n \n \n \n ),\n bgColor: 'bg-red-50 dark:bg-red-950/30',\n textColor: 'text-red-700 dark:text-red-400',\n borderColor: 'border-red-200 dark:border-red-900',\n },\n {\n name: 'Breaking Changes',\n icon: (\n \n \n \n \n \n ),\n bgColor: 'bg-amber-50 dark:bg-amber-950/30',\n textColor: 'text-amber-700 dark:text-amber-400',\n borderColor: 'border-amber-200 dark:border-amber-900',\n },\n ];\n\n const versions = [\n {\n version: '2.0.0',\n date: 'April 15, 2023',\n isLatest: true,\n changes: [\n {\n category: 'Features',\n items: [\n 'Completely redesigned dashboard interface',\n 'Added dark mode support across all pages',\n 'New analytics dashboard with advanced filters',\n ],\n },\n {\n category: 'Improvements',\n items: [\n 'Improved performance by 40%',\n 'Enhanced mobile responsiveness',\n 'Better form validation',\n ],\n },\n {\n category: 'Bug Fixes',\n items: [\n 'Fixed multiple accessibility issues',\n 'Corrected display issues on Safari',\n ],\n },\n {\n category: 'Breaking Changes',\n items: [\n 'API endpoints restructured for v2',\n 'Removed deprecated features',\n ],\n },\n ],\n },\n {\n version: '1.2.0',\n date: 'March 2, 2023',\n isLatest: false,\n changes: [\n {\n category: 'Features',\n items: ['Added new analytics dashboard', 'Introduced user profiles'],\n },\n {\n category: 'Improvements',\n items: [\n 'Improved mobile responsiveness',\n 'Enhanced search functionality',\n ],\n },\n {\n category: 'Bug Fixes',\n items: [\n 'Fixed bug with user authentication',\n 'Resolved display issues on small screens',\n ],\n },\n ],\n },\n {\n version: '1.1.0',\n date: 'January 15, 2023',\n isLatest: false,\n changes: [\n {\n category: 'Features',\n items: ['Added support for custom themes'],\n },\n {\n category: 'Improvements',\n items: ['Improved form validation', 'Updated documentation'],\n },\n ],\n },\n ];\n\n const filteredVersions =\n selectedVersion === 'all'\n ? versions\n : versions.filter((v) => v.version === selectedVersion);\n\n return (\n
\n
\n
\n

Changelog

\n

\n See what's changed across versions\n

\n
\n
\n \n
\n
\n\n
\n {filteredVersions.map((version) => (\n
\n
\n
\n

v{version.version}

\n {version.isLatest && Latest}\n
\n \n
\n\n
\n {categories.map((category) => {\n const changeCategory = version.changes.find(\n (c) => c.category === category.name\n );\n const items = changeCategory?.items || [];\n\n if (items.length === 0) return null;\n\n return (\n \n \n \n {category.icon}\n {category.name}\n \n \n \n
    \n {items.map((item, i) => (\n
  • \n {item}\n
    • \n ))}\n
\n \n \n );\n })}\n
\n
\n ))}\n
\n
\n );\n}\n","type":"registry:component","target":"components/blocks/marketing/changelogs/categorized-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 & { asChild?: boolean }) {\n const Comp = asChild ? Slot.Root : \"span\"\n\n return (\n \n )\n}\n\nexport { Badge, badgeVariants }\n","type":"registry:ui","target":"components/ui/badge.tsx"},{"path":"components/ui/card.tsx","content":"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Card({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n return (\n img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n","type":"registry:ui","target":"components/ui/card.tsx"},{"path":"components/ui/select.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n","type":"registry:ui","target":"components/ui/select.tsx"}],"description":"Release notes split into Added, Fixed, and Changed sections under each version. Helps readers scan a busy update and jump to the changes they care about.","dependencies":["class-variance-authority","lucide-react","radix-ui"]}