Release beta 7 with Drawer component

src/css/styles/nova.css

@@ -573,6 +573,56 @@
     @apply text-muted-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a:hover]:text-foreground;
   }
 
+  /* Drawer */
+  .drawer::backdrop {
+    @apply bg-black/10 backdrop-blur-xs;
+  }
+
+  .drawer > * {
+    @apply bg-popover text-popover-foreground text-sm;
+  }
+
+  .drawer:not([data-side]) > *,
+  .drawer[data-side='bottom'] > * {
+    @apply rounded-t-xl border-t;
+  }
+
+  .drawer[data-side='top'] > * {
+    @apply rounded-b-xl border-b;
+  }
+
+  .drawer[data-side='left'] > * {
+    @apply rounded-r-xl border-r;
+  }
+
+  .drawer[data-side='right'] > * {
+    @apply rounded-l-xl border-l;
+  }
+
+  .drawer > * > header {
+    @apply gap-0.5 p-4 text-start;
+  }
+
+  .drawer:not([data-side]) > * > header,
+  .drawer[data-side='bottom'] > * > header,
+  .drawer[data-side='top'] > * > header {
+    @apply text-center;
+  }
+
+  .drawer > * > footer {
+    @apply gap-2 p-4;
+  }
+
+  .drawer > * > header > h2,
+  .drawer > * > [data-title] {
+    @apply text-lg font-semibold leading-none tracking-tight;
+  }
+
+  .drawer > * > header > p,
+  .drawer > * > [data-description] {
+    @apply text-muted-foreground text-sm;
+  }
+
   /* Dropdown Menu */
   .dropdown-menu > [data-popover] {
     @apply bg-popover text-popover-foreground ring-foreground/10 gap-0 overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100;