Resolve RecipeVariants type to improve IDE hint (#1161)

Co-authored-by: Adam Skoufis <[email protected]>
vanilla-extract-css · Nov 9, 2023 · d16c22f · d16c22f
1 parent 7961d16
commit d16c22f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/.changeset/grumpy-suns-doubt.md b/.changeset/grumpy-suns-doubt.md
@@ -0,0 +1,5 @@
+---
+"@vanilla-extract/recipes": patch
+---
+
+Improve IDE hover of `RecipeVariants` type by explicitly resolving its output
diff --git a/packages/recipes/src/types.ts b/packages/recipes/src/types.ts
@@ -1,5 +1,9 @@
 import type { ComplexStyleRule } from '@vanilla-extract/css';
 
+type Resolve<T> = {
+  [Key in keyof T]: T[Key];
+} & {};
+
 type RecipeStyleRule = ComplexStyleRule | string;
 
 export type VariantDefinitions = Record<string, RecipeStyleRule>;
@@ -48,5 +52,6 @@ export type RuntimeFn<Variants extends VariantGroups> = ((
   classNames: RecipeClassNames<Variants>;
 };
 
-export type RecipeVariants<RecipeFn extends RuntimeFn<VariantGroups>> =
-  Parameters<RecipeFn>[0];
+export type RecipeVariants<RecipeFn extends RuntimeFn<VariantGroups>> = Resolve<
+  Parameters<RecipeFn>[0]
+>;