when building using vite and tailwind vite plugin
this following warning appears
```
rendering chunks (10)...warnings when minifying css:
▲ [WARNING] Unexpected ")" [css-syntax-error]
grid-cols-\[1fr_auto\]:has(:is()){grid-template-columns:1fr
^
```
this is fixed by complying to tailwind new way of writing data attribute documented [here](https://tailwindcss.com/docs/hover-focus-and-other-states#data-attributes)
change
```
[data-slot=card-action]:
```
to
```
data-[slot=card-action]:
```
resolves https://github.com/shadcn-ui/ui/issues/6930
Removes unnecessary "use client" directive from navigation menu components to simplify the code and avoid potential issues.
Co-authored-by: shadcn <m@shadcn.com>
* fix(select): make select content scrollable if height is limited
Select content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior for other components. I will also submit PRs for the other components separately.
Added the following properties to the Select Content component:
- `max-h-[--radix-select-content-available-height]`
- `overflow-y-auto` & `overflow-x-hidden` instead of `overflow-hidden` (existed before)
* fix(select): make select content scrollable if height is limited
Select content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior for other components. I will also submit PRs for the other components separately.
Added the following properties to the Select Content component:
- `max-h-[--radix-select-content-available-height]`
- `overflow-y-auto` & `overflow-x-hidden` instead of `overflow-hidden` (existed before)
---------
Co-authored-by: shadcn <m@shadcn.com>
* fix(context-menu): make context menu scrollable if height is limited
Context menu content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior for other components. I will also submit PRs for the other components separately.
Added the following properties to the Context Menu Content component:
- `max-h-[--radix-context-menu-content-available-height]`
- `overflow-y-auto` & `overflow-x-hidden` instead of `overflow-hidden` (existed before)
* fix(v4): context menu
---------
Co-authored-by: shadcn <m@shadcn.com>
* Add dependency to badge registry entry
Added @radix-ui/react-slot as a dependency for the badge component in the registry. This ensures proper functionality and resolves potential missing dependency issues.
- Updated the "badge" registry entry by including "@radix-ui/react-slot" in its dependencies list.
- Fixed the missing newline at the end of the file for better formatting.
* Revert "Add dependency to badge registry entry"
This reverts commit d12ddaa511.
* Add Radix slot dependency to badge registry entry
Included @radix-ui/react-slot as a dependency for the badge component in the registry. This change ensures the component functions as intended and avoids potential runtime errors.
- Updated "badge" registry entry dependencies list.
- Fixed formatting by adding a missing newline at the file end.
---------
Co-authored-by: shadcn <m@shadcn.com>
* fix(dropdown-menu): make dropdown content scrollable if height is limited
Dropdown menu content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior with other components. I will also submit a PR for the other components separately.
* chore: build registry
---------
Co-authored-by: shadcn <m@shadcn.com>
* fix(navigation-menu): 6825 - Update open state styles and remove unused classes
Adjusts navigation menu trigger open styles to apply opacity /50 only when not hover/focused.
Removes unused data-[active] and data-[active=true] classes.
Fixes#6825
* Adds data-[active=true] back to NavigationMenuLink component.
Includes text color changes for open/active states to improve UI consistency.
* v3 registry
* v4 registry
