51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T3221,import { ArrowUpRight } from "lucide-react"; import { cn } from "cn"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; interface ChangelogTag { label: string; dotClassName: string; } interface ChangelogEntry { date: string; title: string; version?: string; description?: string; items?: string[]; image?: Image; imageClassName?: string; button?: Button; tags?: ChangelogTag[]; body?: React.ReactNode; contributors?: Image[]; category?: string; author?: string; role?: string; avatar?: Image; } interface Image { src: string; alt: string; srcDark?: string; } interface Button { text: string; url: string; icon?: React.ReactNode; } interface ChangelogProps { heading: string; description?: string; entries: ChangelogEntry[]; className?: string; } interface Changelog1Props extends ChangelogProps {} type Props = Partial; const person1 = { name: "Jack Walsh", firstName: "Jack", lastName: "Walsh", initials: "JW", email: "jack.walsh@example.com", username: "jackwalsh", role: "Product Designer", company: "Cartwright", location: "Brisbane, Australia", avatar: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/avatars/avatar1.webp", }; const person2 = { name: "Ilze Pērkone", firstName: "Ilze", lastName: "Pērkone", initials: "MK", email: "iperkone@example.com", username: "iperkone", role: "Brand Director", company: "Kivit", location: "Rīga, Latvia", avatar: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/avatars/avatar2.webp", }; const person3 = { name: "Vernon Desilets", firstName: "Vernon", lastName: "Desilets", initials: "VD", email: "vernod@example.com", username: "vernod", role: "Creative Director", company: "Soho Logix", location: "Paris, France", avatar: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/avatars/avatar3.webp", }; const person4 = { name: "Lín Wàngshū", firstName: "Lín", lastName: "Wangshu", initials: "LW", email: "linwang4@example.com", username: "liwang", role: "Graphic Designer", company: "Tenxcloud", location: "Shanghai, China", avatar: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/avatars/avatar4.webp", }; const person5 = { name: "Rajesh Bhatt", firstName: "Rajesh", lastName: "Bhatt", initials: "RB", email: "rajesh.bhatt@example.com", username: "rajeshbhatt", role: "UX Researcher", company: "Mindtree", location: "Mumbai, India", avatar: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/avatars/avatar5.webp", }; const person6 = { name: "Jessica Cannon", firstName: "Jessica", lastName: "Cannon", initials: "JC", email: "jessica.cannon@example.com", username: "jessicacannon", role: "Data Analyst", company: "Fidelity Investments", location: "Boston, USA", avatar: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/avatars/avatar6.webp", }; const defaultProps: Changelog1Props = { heading: "Changelog", description: "Get the latest updates and improvements to our platform.", entries: [ { version: "Version 1.3.0", date: "15 November 2024", title: "Enhanced Analytics Dashboard", category: "New feature", author: person1.name, role: "Product Manager", avatar: { src: person1.avatar, alt: person1.name, }, description: "We've completely redesigned our analytics dashboard to provide deeper insights and improved visualizations of your data.", tags: [ { label: "Feature", dotClassName: "bg-blue-500" }, { label: "Documentation", dotClassName: "bg-purple-500" }, ], image: { src: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/changelog/analytics-16x9.png", alt: "Analytics dashboard", }, imageClassName: "object-top-left", button: { url: "https://shadcnblocks.com", text: "Learn more", }, contributors: [ { src: person1.avatar, alt: person1.name, }, { src: person2.avatar, alt: person2.name, }, { src: person5.avatar, alt: person5.name, }, { src: person6.avatar, alt: person6.name, }, ], body: ( <>

We've completely redesigned the analytics dashboard so you can see what changed in a release without leaving the page. The new charts update as data arrives, and you can open the{" "} analytics guide for the full walkthrough.

Exports now cover the views people ask for most. Read the{" "} release notes for the file formats and the filters that ship with this version.

), }, { version: "Version 1.2.1", date: "23 September 2024", title: "New features and improvements", category: "Improvement", author: person3.name, role: "Lead Product Designer", avatar: { src: person3.avatar, alt: person3.name, }, description: "Here are the latest updates and improvements to our platform. We are always working to improve our platform and your experience.", items: [ "Added new feature to export data", "Improved performance and speed", "Fixed minor bugs and issues", "Added new feature to import data", ], tags: [ { label: "Maintenance", dotClassName: "bg-amber-400" }, { label: "Security", dotClassName: "bg-red-500" }, ], contributors: [ { src: person3.avatar, alt: person3.name, }, { src: person4.avatar, alt: person4.name, }, { src: person5.avatar, alt: person5.name, }, ], body: ( <>

Here are the latest updates and improvements to our platform. We are always working to improve our platform and your experience.

Added new feature to export data
Improved performance and speed
Fixed minor bugs and issues
Added new feature to import data

), }, { version: "Version 1.2.5", date: "7 October 2024", title: "Mobile App Launch", category: "Update", author: person2.name, role: "AI Research Lead", avatar: { src: person2.avatar, alt: person2.name, }, description: "We're excited to announce the launch of our mobile application, available now on iOS and Android platforms.", items: [ "Native mobile experience for on-the-go productivity", "Offline mode support for working without internet connection", "Push notifications for important updates", "Biometric authentication for enhanced security", ], tags: [ { label: "Feature", dotClassName: "bg-blue-500" }, { label: "Maintenance", dotClassName: "bg-amber-400" }, ], image: { src: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/changelog/phones-16x9.jpg", alt: "iPhone and Android phones", }, button: { url: "https://shadcnblocks.com", text: "Learn more", }, contributors: [ { src: person2.avatar, alt: person2.name, }, { src: person3.avatar, alt: person3.name, }, ], body: ( <>

We're excited to announce the launch of our mobile application, available now on iOS and Android platforms.

Native mobile experience for on-the-go productivity
Offline mode support for working without internet connection
Push notifications for important updates
Biometric authentication for enhanced security

), }, { version: "Version 1.0.0", date: "31 August 2024", title: "First version of our platform", category: "New feature", author: person1.name, role: "Product Manager", avatar: { src: person1.avatar, alt: person1.name, }, description: "Introducing a new platform to help you manage your projects and tasks. We are excited to launch our platform and help you get started. We are always working to improve our platform and your experience.", tags: [{ label: "Feature", dotClassName: "bg-blue-500" }], button: { url: "https://shadcnblocks.com", text: "Learn more", }, contributors: [ { src: person1.avatar, alt: person1.name, }, { src: person6.avatar, alt: person6.name, }, ], body: ( <>

Introducing a new platform to help you manage your projects and tasks. We are excited to launch our platform and help you get started.

Project and task management in one place
Shared workspaces for your team
A first set of reports and exports

Install the first release from the{" "} getting started guide.

            npm install @shadcnblocks/platform

), }, ], }; const Changelog1 = (props: Props) => { const { heading, description, entries, className } = { ...defaultProps, ...props, }; return (

{heading}

{description}

{entries.map((entry, index) => (

{entry.version} {entry.date}

{entry.title}

{entry.items && entry.items.length > 0 ? ( <>

{entry.description}

{item}

) : (

{entry.body ??

{entry.description}

}

)} {entry.image && ( {entry.image.alt}

)} {entry.button && ( )}

))}

); }; export { Changelog1 }; 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}]]}],["$","$L51",null,{"namespace":"@shadcnblocks","registryDependencies":["badge","button"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"block/changelog1/changelog1.tsx","content":"$53","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]