compound variants not work with responsive values

[mohammadgarmroodi]

Describe the bug
compound variants does not support responsive values

To Reproduce
https://stackblitz.com/edit/vite-react-tailwind-dtjgiu?file=src%2FApp.jsx

[sebpowell]

I'm running into this issue too – the classes are properly applied, but the Tailwind compiler doesn't seem to pick them up so the styles aren't generated.

[raminrez]

@mohammadgarmroodi
I have forked your example and updated the package (V0.1.18) to the latest version, but I can't see the problem. Can you double-check?

Here is my fork:
https://stackblitz.com/edit/vite-react-tailwind-rucbt4?file=src%2FApp.jsx

[mskelton]

Closing due to lack of reproducability and response.

[Sliov]

Can we reopen this? We merged from cva to tailwind-variants and use compoundVariants quite a lot.

Here's an repro using the latest tailwind-variants version:

https://codesandbox.io/p/sandbox/tailwind-variants-example-forked-4tw75x?file=%2Fsrc%2FApp.tsx%3A39%2C9

[Gomah]

Yeah, it looks like the logic from the regular variants is missing/not implemented for compoundVariants.

cc @mskelton

[Sliov]

@mskelton, @jrgarciadev

Is it intended to work or it is a limitation like it is with Panda CSS?

When using compoundVariants in the recipe, you're not able to use responsive values in the variants.

To be fair, I think implementing this logic will impact performance as it needs to loop against the variants and the responsive screens?

[Jbmanllr]

Wondering as well if it's intended. Guys what's your workarounds?

[Jbmanllr]

To be more specific, compounded values are working, but are not responsive, it apply only to initial value.

[flozero]

Same issue here