diff --git a/apps/www/.vitepress/theme/config/docs.ts b/apps/www/.vitepress/theme/config/docs.ts
index b18a57d6..691fc07b 100644
--- a/apps/www/.vitepress/theme/config/docs.ts
+++ b/apps/www/.vitepress/theme/config/docs.ts
@@ -128,12 +128,10 @@ export const docsConfig: DocsConfig = {
           title: 'Auto Form',
           href: '/docs/components/auto-form',
           items: [],
-          label: 'New',
         },
         {
           title: 'Charts',
           href: '/docs/charts',
-          label: 'New Alpha',
           items: [],
         },
       ],
@@ -141,6 +139,11 @@ export const docsConfig: DocsConfig = {
     {
       title: 'Components',
       items: [
+        {
+          title: 'Sidebar',
+          href: '/docs/components/sidebar',
+          label: 'New',
+        },
         {
           title: 'Accordion',
           href: '/docs/components/accordion',
@@ -178,7 +181,6 @@ export const docsConfig: DocsConfig = {
           title: 'Calendar',
           href: '/docs/components/calendar',
           items: [],
-          label: 'Updated',
         },
         {
           title: 'Card',
@@ -217,7 +219,6 @@ export const docsConfig: DocsConfig = {
           title: 'Date Picker',
           href: '/docs/components/date-picker',
           items: [],
-          label: 'Updated',
         },
         {
           title: 'Dialog',
@@ -259,7 +260,6 @@ export const docsConfig: DocsConfig = {
         {
           title: 'Number Field',
           href: '/docs/components/number-field',
-          label: 'New Alpha',
         },
         {
           title: 'Pagination',
@@ -324,7 +324,6 @@ export const docsConfig: DocsConfig = {
         {
           title: 'Stepper',
           href: '/docs/components/stepper',
-          label: 'New',
         },
         {
           title: 'Switch',
diff --git a/apps/www/src/content/docs/components/sidebar.md b/apps/www/src/content/docs/components/sidebar.md
new file mode 100644
index 00000000..15efbb08
--- /dev/null
+++ b/apps/www/src/content/docs/components/sidebar.md
@@ -0,0 +1,73 @@
+---
+title: Sheet
+description: Extends the Dialog component to display content that complements the main content of the screen.
+source: apps/www/src/lib/registry/default/ui/sheet
+primitive: https://www.radix-vue.com/components/dialog.html
+---
+
+<ComponentPreview name="SheetDemo" />
+
+## Installation
+
+```bash
+npx shadcn-vue@latest add sheet
+```
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@/components/ui/sheet'
+</script>
+
+<template>
+  <Sheet>
+    <SheetTrigger>Open</SheetTrigger>
+    <SheetContent>
+      <SheetHeader>
+        <SheetTitle>Are you absolutely sure?</SheetTitle>
+        <SheetDescription>
+          This action cannot be undone. This will permanently delete your account
+          and remove your data from our servers.
+        </SheetDescription>
+      </SheetHeader>
+    </SheetContent>
+  </Sheet>
+</template>
+```
+
+## Examples
+
+### Side
+
+Use the `side` property to `<SheetContent />` to indicate the edge of the screen where the component will appear. The values can be `top`, `right`, `bottom` or `left`.
+
+<ComponentPreview name="SheetSideDemo" />
+
+### Size
+
+You can adjust the size of the sheet using CSS classes:
+
+```vue:line-numbers {4}
+<template>
+  <Sheet>
+    <SheetTrigger>Open</SheetTrigger>
+    <SheetContent class="w-[400px] sm:w-[540px]">
+      <SheetHeader>
+        <SheetTitle>Are you absolutely sure?</SheetTitle>
+        <SheetDescription>
+          This action cannot be undone. This will permanently delete your account
+          and remove your data from our servers.
+        </SheetDescription>
+      </SheetHeader>
+    </SheetContent>
+  </Sheet>
+</template>
+```
diff --git a/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue b/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue
index 8b56104b..a9c47fea 100644
--- a/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue
+++ b/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue
@@ -12,7 +12,7 @@ const props = defineProps<{
   <li
     role="presentation"
     aria-hidden="true"
-    :class="cn('[&>svg]:size-3.5', props.class)"
+    :class="cn('[&>svg]:w-3.5 [&>svg]:h-3.5', props.class)"
   >
     <slot>
       <ChevronRight />
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-controlled-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-controlled-dark.png
new file mode 100644
index 00000000..41df041a
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-controlled-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-controlled.png b/apps/www/src/public/images/blocks/demo-sidebar-controlled.png
new file mode 100644
index 00000000..20b0f5d1
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-controlled.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-dark.png
new file mode 100644
index 00000000..d1d54785
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-footer-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-footer-dark.png
new file mode 100644
index 00000000..8cf45325
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-footer-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-footer.png b/apps/www/src/public/images/blocks/demo-sidebar-footer.png
new file mode 100644
index 00000000..16ebdc99
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-footer.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-group-action-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-group-action-dark.png
new file mode 100644
index 00000000..169fe007
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-group-action-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-group-action.png b/apps/www/src/public/images/blocks/demo-sidebar-group-action.png
new file mode 100644
index 00000000..e5b45c2b
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-group-action.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-group-collapsible-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-group-collapsible-dark.png
new file mode 100644
index 00000000..34ca1420
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-group-collapsible-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-group-collapsible.png b/apps/www/src/public/images/blocks/demo-sidebar-group-collapsible.png
new file mode 100644
index 00000000..69997b24
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-group-collapsible.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-group-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-group-dark.png
new file mode 100644
index 00000000..5a292bdf
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-group-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-group.png b/apps/www/src/public/images/blocks/demo-sidebar-group.png
new file mode 100644
index 00000000..2ea25ce3
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-group.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-header-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-header-dark.png
new file mode 100644
index 00000000..1bd35b5e
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-header-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-header.png b/apps/www/src/public/images/blocks/demo-sidebar-header.png
new file mode 100644
index 00000000..7bf9bda0
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-header.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-action-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-action-dark.png
new file mode 100644
index 00000000..6fe8c59c
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-action-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-action.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-action.png
new file mode 100644
index 00000000..85f417f4
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-action.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-badge-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-badge-dark.png
new file mode 100644
index 00000000..4d7b35fd
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-badge-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-badge.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-badge.png
new file mode 100644
index 00000000..22ec06c9
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-badge.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible-dark.png
new file mode 100644
index 00000000..809fa9b1
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible.png
new file mode 100644
index 00000000..88209c7b
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-dark.png
new file mode 100644
index 00000000..26fe7bc4
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-sub-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-sub-dark.png
new file mode 100644
index 00000000..34896191
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-sub-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu-sub.png b/apps/www/src/public/images/blocks/demo-sidebar-menu-sub.png
new file mode 100644
index 00000000..d6325ae6
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu-sub.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-menu.png b/apps/www/src/public/images/blocks/demo-sidebar-menu.png
new file mode 100644
index 00000000..2672b17c
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-menu.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-rsc-dark.png b/apps/www/src/public/images/blocks/demo-sidebar-rsc-dark.png
new file mode 100644
index 00000000..26fe7bc4
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-rsc-dark.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar-rsc.png b/apps/www/src/public/images/blocks/demo-sidebar-rsc.png
new file mode 100644
index 00000000..2672b17c
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar-rsc.png differ
diff --git a/apps/www/src/public/images/blocks/demo-sidebar.png b/apps/www/src/public/images/blocks/demo-sidebar.png
new file mode 100644
index 00000000..64014475
Binary files /dev/null and b/apps/www/src/public/images/blocks/demo-sidebar.png differ
diff --git a/apps/www/src/public/images/blocks/login-01-dark.png b/apps/www/src/public/images/blocks/login-01-dark.png
new file mode 100644
index 00000000..99e01a47
Binary files /dev/null and b/apps/www/src/public/images/blocks/login-01-dark.png differ
diff --git a/apps/www/src/public/images/blocks/login-01.png b/apps/www/src/public/images/blocks/login-01.png
new file mode 100644
index 00000000..99e01a47
Binary files /dev/null and b/apps/www/src/public/images/blocks/login-01.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-01-dark.png b/apps/www/src/public/images/blocks/sidebar-01-dark.png
new file mode 100644
index 00000000..1a11991c
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-01-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-01.png b/apps/www/src/public/images/blocks/sidebar-01.png
new file mode 100644
index 00000000..66fb4e63
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-01.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-02-dark.png b/apps/www/src/public/images/blocks/sidebar-02-dark.png
new file mode 100644
index 00000000..eccbc70d
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-02-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-02.png b/apps/www/src/public/images/blocks/sidebar-02.png
new file mode 100644
index 00000000..7e15f349
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-02.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-03-dark.png b/apps/www/src/public/images/blocks/sidebar-03-dark.png
new file mode 100644
index 00000000..a2cc0512
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-03-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-03.png b/apps/www/src/public/images/blocks/sidebar-03.png
new file mode 100644
index 00000000..691a38cf
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-03.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-04-dark.png b/apps/www/src/public/images/blocks/sidebar-04-dark.png
new file mode 100644
index 00000000..3132c9a8
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-04-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-04.png b/apps/www/src/public/images/blocks/sidebar-04.png
new file mode 100644
index 00000000..d19888f7
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-04.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-05-dark.png b/apps/www/src/public/images/blocks/sidebar-05-dark.png
new file mode 100644
index 00000000..ca70b140
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-05-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-05.png b/apps/www/src/public/images/blocks/sidebar-05.png
new file mode 100644
index 00000000..32e9b112
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-05.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-06-dark.png b/apps/www/src/public/images/blocks/sidebar-06-dark.png
new file mode 100644
index 00000000..6360d77e
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-06-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-06.png b/apps/www/src/public/images/blocks/sidebar-06.png
new file mode 100644
index 00000000..3519d8fd
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-06.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-07-dark.png b/apps/www/src/public/images/blocks/sidebar-07-dark.png
new file mode 100644
index 00000000..6a745412
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-07-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-07.png b/apps/www/src/public/images/blocks/sidebar-07.png
new file mode 100644
index 00000000..bc3d38ed
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-07.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-08-dark.png b/apps/www/src/public/images/blocks/sidebar-08-dark.png
new file mode 100644
index 00000000..88374c9d
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-08-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-08.png b/apps/www/src/public/images/blocks/sidebar-08.png
new file mode 100644
index 00000000..f391c93c
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-08.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-09-dark.png b/apps/www/src/public/images/blocks/sidebar-09-dark.png
new file mode 100644
index 00000000..1e22a59c
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-09-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-09.png b/apps/www/src/public/images/blocks/sidebar-09.png
new file mode 100644
index 00000000..e3268302
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-09.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-10-dark.png b/apps/www/src/public/images/blocks/sidebar-10-dark.png
new file mode 100644
index 00000000..193763f5
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-10-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-10.png b/apps/www/src/public/images/blocks/sidebar-10.png
new file mode 100644
index 00000000..b862f075
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-10.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-11-dark.png b/apps/www/src/public/images/blocks/sidebar-11-dark.png
new file mode 100644
index 00000000..a9a0e2f6
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-11-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-11.png b/apps/www/src/public/images/blocks/sidebar-11.png
new file mode 100644
index 00000000..b382b2f1
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-11.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-12-dark.png b/apps/www/src/public/images/blocks/sidebar-12-dark.png
new file mode 100644
index 00000000..00519873
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-12-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-12.png b/apps/www/src/public/images/blocks/sidebar-12.png
new file mode 100644
index 00000000..639cfd48
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-12.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-13-dark.png b/apps/www/src/public/images/blocks/sidebar-13-dark.png
new file mode 100644
index 00000000..95b3a42f
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-13-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-13.png b/apps/www/src/public/images/blocks/sidebar-13.png
new file mode 100644
index 00000000..acf6b1bd
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-13.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-14-dark.png b/apps/www/src/public/images/blocks/sidebar-14-dark.png
new file mode 100644
index 00000000..25e235cb
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-14-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-14.png b/apps/www/src/public/images/blocks/sidebar-14.png
new file mode 100644
index 00000000..84509e4d
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-14.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-15-dark.png b/apps/www/src/public/images/blocks/sidebar-15-dark.png
new file mode 100644
index 00000000..b26fa6a0
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-15-dark.png differ
diff --git a/apps/www/src/public/images/blocks/sidebar-15.png b/apps/www/src/public/images/blocks/sidebar-15.png
new file mode 100644
index 00000000..f0e989c8
Binary files /dev/null and b/apps/www/src/public/images/blocks/sidebar-15.png differ
diff --git a/apps/www/src/public/images/sidebar-menu-dark.png b/apps/www/src/public/images/sidebar-menu-dark.png
new file mode 100644
index 00000000..e21b2542
Binary files /dev/null and b/apps/www/src/public/images/sidebar-menu-dark.png differ
diff --git a/apps/www/src/public/images/sidebar-menu.png b/apps/www/src/public/images/sidebar-menu.png
new file mode 100644
index 00000000..b7ff06dd
Binary files /dev/null and b/apps/www/src/public/images/sidebar-menu.png differ
diff --git a/apps/www/src/public/images/sidebar-structure-dark.png b/apps/www/src/public/images/sidebar-structure-dark.png
new file mode 100644
index 00000000..8806dd25
Binary files /dev/null and b/apps/www/src/public/images/sidebar-structure-dark.png differ
diff --git a/apps/www/src/public/images/sidebar-structure.png b/apps/www/src/public/images/sidebar-structure.png
new file mode 100644
index 00000000..6c91f670
Binary files /dev/null and b/apps/www/src/public/images/sidebar-structure.png differ