Typo on sidebar.tsx breaking team icon placement when collapsed

[moatorres]

There's a small typo on const sidebarMenuButtonVariants = cva(...) that's affecting the rendering of the Sidebar when collapsed. That's unrelated to TailwindCSS v4 itself. It causes the top left button/icon to be decentralized.

app-tailwind-v4/components/ui/sidebar.tsx

Lines 514 to 515 in 0611162

const sidebarMenuButtonVariants = cva(

"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",

This group-data-[collapsible=icon]:p-2! syntax is invalid and requires a small fix:

- group-data-[collapsible=icon]:p-2!
+ group-data-[collapsible=icon]:!p-2

Happy to open a PR with the fix if needed.

[moatorres]

Fixed by PR #7.