Radix + tailwind generates a wrong css selector (I think)

[mariovde-IIO]

Hi all,

quick question:
I can't get the animations to work when my content section of my navigation menu shows up.

<NavigationMenu.Content className={[ 'data-[motion=to-start]:navigationContentReveal data-[motion=to-end]:navigationContentHide', contentSlot({}), ].join(' ')} >

And this is what the CSS output looks like:

`.data-[motion=to-start]:navigationContentReveal[data-motion=to-start] {
animation: navigationContentReveal 0.8 cubic-bezier(0.44, 0, 0, 0.98);
}

.data-[motion=to-end]:navigationContentHide[data-motion=to-end] {
animation: navigationContentHide 0.8 cubic-bezier(0.44, 0, 0, 0.98);
}`

Now, I think this is not correct, right?

versions:
"@radix-ui/react-navigation-menu": "^1.1.4",
"tailwindcss-radix": "^2.8.0",

Tried it with creating keyframs and animations in my tailwind config, now moved them to CSS, but all to no avail.

Anyone any idea?