I'll create a multiselect component using shadcn/ui components. We'll build upon the existing Select component and add functionality to support multiple selections. Here's how we can implement this:

This implementation creates a MultiSelect component that:

1. Uses the Popover component to create a dropdown.
2. Utilizes the Command component for searchable options.
3. Displays selected items as removable buttons below the select input.
4. Allows for selecting and deselecting items by clicking on them in the dropdown.
5. Shows a count of selected items in the main button when items are selected.

The example page demonstrates how to use the MultiSelect component with a list of fruit options. It also displays the selected items below the component for clarity.

To use this component in your project:

1. Make sure you have the necessary shadcn/ui components installed (Button, Popover, Command).
2. Copy the multi-select.tsx file into your components directory.
3. Import and use the MultiSelect component in your pages or other components as shown in the example.

You can further customize the styling or behavior of the MultiSelect component to fit your specific needs.

I'll modify the MultiSelect component to include badges for selected items inside the Command component and add labels to categorize the selectable items. This will create a more organized and visually appealing multi-select dropdown.

These changes implement the following improvements:

1. Options are now grouped by category in the dropdown.
2. Selected items appear in a separate "Selected" group at the bottom of the dropdown.
3. The dropdown now uses checkmarks to indicate selected items, improving visual clarity.
4. Users can deselect items directly from the "Selected" group in the dropdown.
5. The example now includes options from different categories (Fruits, Vegetables, and Dairy) to demonstrate the categorization.

This new implementation provides a more organized and user-friendly multi-select experience. The categorization helps users find options more easily, especially when dealing with a large number of options. The selected items group allows for quick review and deselection of chosen items without needing to search through the entire list.

To use this updated component:

1. Ensure you have the necessary shadcn/ui components installed (Button, Command, Popover, and Badge).
2. Copy the updated multi-select.tsx file into your components directory.
3. Update your data structure to include the category property for your options.
4. Import and use the MultiSelect component in your pages or other components as shown in the example.

You can further customize the styling or behavior of the MultiSelect component to fit your specific needs, such as adjusting the appearance of category headings or modifying the layout of selected items.