Allow to extend from a list of components

[dvzrd]

I think it would great if we could extend from an array components instead of a single component. This would make it possible create reusable patterns that can be combined to form more complex components and reduce code duplication and the need for overrides of inherited variants, compoundVariants, etc that can come from extending from a large component that has a lot of props.

For example:

const buttonVariants = tv({
  extend: [actionVariants, boxColorVariants, boxRadiusVariants]
  variants: {
     // custom button variants
  },
  compoundVariants: [
    // compound variants for custom button variants and inherited variants from action and box variants (i.e solid colors, outline colors, text sizes, etc)
  ]
})

Did anyone else think about adding a similar feature before? Curious about the feasibility of something like this or if there's another pattern that can be used to achieve the same result.