feat(sidebar): add SidebarGroupActions component for multiple actions

[AiraNadih]

Add SidebarGroupActions Component and Optimize SidebarGroupAction

Overview

This PR introduces a new SidebarGroupActions component and optimizes the existing SidebarGroupAction component. These changes aim to improve the flexibility and usability of the sidebar components.

Key Changes

1. Add new SidebarGroupActions component
2. Optimize SidebarGroupAction component by adding an absolute prop
3. Adjust related styles and type definitions

Benefits

1. Enhanced Flexibility: The new SidebarGroupActions component allows for easier addition of multiple action buttons within sidebar groups. This significantly improves interface design flexibility, enabling developers to freely combine multiple actions as needed.

2. Improved Customizability: The new absolute prop on the SidebarGroupAction component gives developers more precise control over action button positioning. This provides more options for different layout requirements.

3. Maintained Consistency: The new component and changes align with the existing design system, ensuring overall UI coherence.

4. Simplified Development Process: By providing more flexible components, developers can implement complex sidebar layouts more quickly, reducing the need for custom code.

Visual Demonstration

Usage Example

<SidebarGroup>
    <SidebarGroupLabel>Feeds</SidebarGroupLabel>
    <SidebarGroupActions>
        <SidebarGroupAction absolute={false} title="Add Feed">
            <Plus />
            <span className="sr-only">Add Feed</span>
        </SidebarGroupAction>
        <SidebarGroupAction absolute={false} title="More">
            <EllipsisVertical />
            <span className="sr-only">More</span>
        </SidebarGroupAction>
    </SidebarGroupActions>
    <SidebarGroupContent>
        {/ Group content /}
    </SidebarGroupContent>
</SidebarGroup>

Summary

These changes not only improve the flexibility and usability of the sidebar components but also lay the foundation for future feature expansions. By providing more customization options, we can better meet various complex UI requirements while maintaining code clarity and maintainability.

[vercel]

@AiraNadih is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.