docs: update changelog (#2937)

* docs(www): changelog

* docs(www): update changelog

apps/www/components/announcement.tsx

@@ -12,7 +12,7 @@ export function Announcement() {
       🎉 <Separator className="mx-2 h-4" orientation="vertical" />{" "}
       <span className="sm:hidden">New components and more.</span>
       <span className="hidden sm:inline">
-        New components, cli updates and more.
+        New components, breadcrumb and input otp.
       </span>
       <ArrowRightIcon className="ml-1 h-4 w-4" />
     </Link>

apps/www/config/docs.ts

@@ -122,6 +122,12 @@ export const docsConfig: DocsConfig = {
           href: "/docs/components/badge",
           items: [],
         },
+        {
+          title: "Breadcrumb",
+          href: "/docs/components/breadcrumb",
+          items: [],
+          label: "New",
+        },
         {
           title: "Button",
           href: "/docs/components/button",
@@ -141,7 +147,6 @@ export const docsConfig: DocsConfig = {
           title: "Carousel",
           href: "/docs/components/carousel",
           items: [],
-          label: "New",
         },
         {
           title: "Checkbox",
@@ -187,7 +192,6 @@ export const docsConfig: DocsConfig = {
           title: "Drawer",
           href: "/docs/components/drawer",
           items: [],
-          label: "New",
         },
         {
           title: "Dropdown Menu",
@@ -209,12 +213,12 @@ export const docsConfig: DocsConfig = {
           href: "/docs/components/input",
           items: [],
         },
-        // {
-        //   title: "Input OTP",
-        //   href: "/docs/components/input-otp",
-        //   items: [],
-        //   label: "New",
-        // },
+        {
+          title: "Input OTP",
+          href: "/docs/components/input-otp",
+          items: [],
+          label: "New",
+        },
         {
           title: "Label",
           href: "/docs/components/label",
@@ -234,7 +238,6 @@ export const docsConfig: DocsConfig = {
           title: "Pagination",
           href: "/docs/components/pagination",
           items: [],
-          label: "New",
         },
         {
           title: "Popover",
@@ -255,7 +258,6 @@ export const docsConfig: DocsConfig = {
           title: "Resizable",
           href: "/docs/components/resizable",
           items: [],
-          label: "New",
         },
         {
           title: "Scroll Area",
@@ -291,7 +293,6 @@ export const docsConfig: DocsConfig = {
           title: "Sonner",
           href: "/docs/components/sonner",
           items: [],
-          label: "New",
         },
         {
           title: "Switch",

apps/www/content/docs/changelog.mdx

@@ -4,6 +4,26 @@ description: Latest updates and announcements.
 toc: false
 ---
 
+## March 2024 - Breadcrumb and Input OTP
+
+We've added a new Breadcrumb component and an Input OTP component.
+
+### Breadcrumb
+
+An accessible and flexible breadcrumb component. It has support for collapsed items, custom separators, bring-your-own routing `<Link />` and composable with other shadcn/ui components.
+
+<ComponentPreview name="breadcrumb-demo" />
+
+[See more examples](/docs/components/breadcrumb)
+
+### Input OTP
+
+A fully featured input OTP component. It has support for numeric and alphanumeric codes, custom length, copy-paste and accessible. Input OTP is built on top of [input-otp](https://github.com/guilhermerodz/input-otp) by [@guilherme_rodz](https://twitter.com/guilherme_rodz).
+
+<ComponentPreview name="input-otp-demo" />
+
+[Read the docs](/docs/components/input-otp)
+
 ## December 2023 - New components, CLI and more
 
 We've added new components to shadcn/ui and made a lot of improvements to the CLI.