add CommandList to Combobox component

libs/ui/src/components/combobox.tsx

@@ -3,9 +3,15 @@ import { cn } from "@reactive-resume/utils";
 import { forwardRef, useState } from "react";
 
 import { Button } from "./button";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem } from "./command";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "./command";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover";
-import { ScrollArea } from "./scroll-area";
 
 export interface ComboboxOption {
   value: string;
@@ -93,10 +99,9 @@ export const Combobox = forwardRef(
               ref={ref}
               placeholder={props.searchPlaceholder ?? "Search for an option"}
             />
+            <CommandList>
               <CommandEmpty>{props.emptyText ?? "No results found"}</CommandEmpty>
               <CommandGroup>
-              <ScrollArea orientation="vertical">
-                <div className="max-h-60">
                 {props.options.map((option) => (
                   <CommandItem
                     key={option.value}
@@ -127,9 +132,8 @@ export const Combobox = forwardRef(
                     {option.label}
                   </CommandItem>
                 ))}
-                </div>
-              </ScrollArea>
               </CommandGroup>
+            </CommandList>
           </Command>
         </PopoverContent>
       </Popover>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@reactive-resume/source",
   "description": "A free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "license": "MIT",
   "private": true,
   "author": {