Using compondVariants with slots and defaultVariants breaks

[mehdibha]

Describe the bug

Using tailwind-variants with slots, compoundVariants, defaultVariants and explicitly passing the variants as undefined breaks.

To Reproduce

import { tv } from "tailwind-variants";

const variants = tv({
  slots: {
    root: "",
  },
  variants: {
    variant: {
      solid: {},
    },
    orientation: {
      horizontal: {
        root: "",
      },
    },
  },
  compoundVariants: [
    {
      orientation: "horizontal",
      variant: "solid",
      className: {
        root: "border-b",
      },
    },
  ],
  defaultVariants: {
    orientation: "horizontal",
    variant: "solid",
  },
});

const { root } = variants();

console.log(root({})) // Output: "border-b" 
console.log(root({ orientation: undefined, variant: undefined })) // Output: "" 

Expected behavior
It should use the defaultVariants

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome 131
• Version 0.31

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[davidhellmann]

I have the same? experience:

const tvSpeaker = tv({
  slots: {
    slotRoot: "flex",
    slotBody: "flex flex-col",
    slotFontSize: "",
  },
  variants: {
    layout: {
      vertical: {
        slotRoot: "flex-col",
        slotBody: "text-center",
        slotFontSize: "",
      },
      horizontal: {
        slotRoot: "flex-row flex-nowrap",
        slotBody: "flex-row",
        slotFontSize: "",
      },
    },
  },
  defaultVariants: {
    layout: "horizontal",
  },
});

export const Speaker: React.FC<SpeakerProps> = ({
  layout,
  ...props
}) => {}

When I log layout it's undefined.