Why doesn't my bundler seem to be resolving class-variance-authority/types correctly?

[AlexFrazer]

So, I have a basic component roughly like so:

const variants = cva([], {
  variants: {
    intent: {
      none: [],
      destructive: [],
      secondary: [],
    }
  }
});

type OurProps<T extends ElementType = "button"> = {
  as?: T;
}
type ButtonProps<T extends ElementType = "button"> = ComponentProps<T> & VariantProps<typeof variants> & OurProps<T>;

export default function Button<T extends ElementType = "button">(props: ButtonProps<T>) {
  // doesnt really matter
}

I noticed, when I went to compile it, it created something like this:

declare const variants: (props?: ({
    intent?: "none" | "destructive" | "secondary" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;

However, the types consistently seemed to resolve to "any" for just about anything I accessed on ButtonProps. Digging into it, I found import('class-variance-authority/types') wasn't actually pointing to anything, for some reason

This seemed a bit odd to me, because you guys definitely do mark it as an export.

I found that if I replaced the path with 'class-variance-authority/dist/types', it worked just fine. I was able to fix this by adding this alias to my own tsconfig.json

		"paths": {
			"class-variance-authority/types": [
				"node_modules/class-variance-authority/dist/types"
			]
		},

However, something just feels "off" about this. Am I doing something obviously wrong here?

[joe-bell]

Have you tried cva@beta?
https://beta.cva.style/getting-started/installation