Target Multiple Variant Options within Compound Variants

[joe-bell]

Description

Follows up on @JeroenReumkens' wonderful work in #66

This PR introduces the ability to target multiple variants at once within compoundVariants (whilst preserving type-safety)

const button = cva("button", {
  variants: {
    intent: {
      primary: "button--primary",
      secondary: "button--secondary",
      warning: "button--warning",
    },
    disabled: {
      true: "button--disabled",
      false: "button--enabled",
    },
  },
  compoundVariants: [
    {
      // ✨ apply to `secondary` and `warning` intents ✨
      intent: ["secondary", "warning"],
      disabled: true,
      class: "text-black",
    },
  ],
});

Tasks

• Documentation
• Fix types from feat: Add support for negation and arrays in compound variants. #66
• Refine and reduce bundlesize
• Refine and cleanup tests

Additional context

#66

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Follow the Style Guide.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).

[JeroenReumkens]

Thanks for pushing this over the finish line @joe-bell 🥰
Last week I tweaked my Github notifications, and that seemed to not send any to my email anymore. So I just missed everything 😬 Wonderful work though, glad to see this made it in!