How to get all variants or the full object passed to cva()

[programming-with-ia]

Hi! 👋

Is there a way to access all the variants or the full object passed to the cva() function?

For example:

const button = cva("base", {
  variants: {
    intent: {
      primary: "bg-blue-500",
      secondary: "bg-gray-500"
    },
    size: {
      sm: "text-sm",
      lg: "text-lg"
    }
  },
  defaultVariants: {
    intent: "primary",
    size: "sm"
  }
});

I'd like to programmatically access the object passed in — maybe for generating documentation, intellisense support, or just debugging purposes.

Is there any built-in way to retrieve this.

[joe-bell]

Exploring in #333

[programming-with-ia]

Thanks for the quick reply! 🙌

However, I’m looking to get the actual variant class values, not just the variant labels.

For example, in the docs here:
https://github.com/bengry/cva-extended/blob/dc439b5331008871f596fe7bba0e4c24fed64f65/README.md?plain=1#L5-L29
button.variants gives me the labels like:

{
  intent: ['primary', 'secondary'],
  disabled: [true, false],
}

But I’d like to access the actual variant values, something like:

button.variantClasses.intent.primary; // "bg-blue-500"

Is there any way to achieve this currently with cva-extended?