// "use client" // uncomment when required for: hooks, event handlers, browser APIs /** * @name Download 06 * @description Software release notes section with changelog and download button. * Shows version history with key changes and improvements. * * @slots download, download-container, download-header, download-badge, * download-heading, download-description, download-content, download-releases, * download-release, download-release-header, download-release-version, * download-release-date, download-release-tag, download-release-changes, * download-release-change, download-cta, download-button * @variant release-notes * * @registryDependencies button-link badge card * @dependencies lucide-react */ import * as React from "react" import { Tag, Download, Plus, Wrench, Bug, AlertTriangle } from "lucide-react" import { ButtonLink } from "@/registry/ui/button-link" import { Badge } from "@/registry/ui/badge" import { Card, CardContent } from "@/registry/ui/card" import { cn } from "@/registry/lib/utils" // ============================================================================ // TYPES // ============================================================================ type ChangeType = "added" | "improved" | "fixed" | "deprecated" interface ReleaseChange { id: string type: ChangeType description: string } interface Release { id: string version: string date: string isLatest?: boolean changes: ReleaseChange[] href: string } interface Download06Props { heading?: string description?: string releases?: Release[] className?: string idBase?: string } // ============================================================================ // DEFAULT DATA // ============================================================================ const defaultReleases: Release[] = [ { id: "release-1", version: "v2.5.0", date: "January 5, 2026", isLatest: true, href: "#", changes: [ { id: "change-1", type: "added", description: "New dashboard analytics with real-time metrics" }, { id: "change-2", type: "added", description: "Dark mode support across all components" }, { id: "change-3", type: "improved", description: "Performance optimizations for large datasets" }, { id: "change-4", type: "fixed", description: "Memory leak in notification system" }, ], }, { id: "release-2", version: "v2.4.2", date: "December 15, 2025", href: "#", changes: [ { id: "change-5", type: "fixed", description: "Critical security patch for authentication" }, { id: "change-6", type: "improved", description: "Updated dependency versions" }, ], }, { id: "release-3", version: "v2.4.0", date: "November 28, 2025", href: "#", changes: [ { id: "change-7", type: "added", description: "Export functionality for reports" }, { id: "change-8", type: "improved", description: "Faster search with indexed queries" }, { id: "change-9", type: "deprecated", description: "Legacy API endpoints (v1)" }, ], }, ] // ============================================================================ // VARIANT LOOKUPS // ============================================================================ const changeIcons: Record = { added: Plus, improved: Wrench, fixed: Bug, deprecated: AlertTriangle, } const changeColors: Record = { added: "text-green-500", improved: "text-blue-500", fixed: "text-amber-500", deprecated: "text-red-500", } const changeLabels: Record = { added: "Added", improved: "Improved", fixed: "Fixed", deprecated: "Deprecated", } // ============================================================================ // COMPONENT // ============================================================================ function Download06({ heading = "Release Notes", description = "Stay up to date with the latest features, improvements, and bug fixes.", releases = defaultReleases, className, idBase = "download-06", }: Download06Props) { const headingId = `${idBase}-heading` const latestRelease = releases.find((r) => r.isLatest) || releases[0] return (

{/* Header */}

{heading}

{description}

{/* CTA */}

{/* Releases */}

{releases.map((release) => (

{release.version}

{release.date} {release.isLatest && ( Latest )}

{change.description}

))}

) } export default Download06 export { Download06, type Download06Props }