Feature Request / Query: Export recipe type within @pandacss/types

[Hecatron]

Description

Currently I'm trying to define a recipe outside of the main package where styled-system is setup
From what I understand there's two ways to define a recipe

• pass in the recipe to the cva function
• use the defineConfig function then add it to the panda css config

One way to do this is:

import type { RecipeDefinition, RecipeVariantRecord } from '@pandacss/types/dist/recipe'
export type Recipe = RecipeDefinition<RecipeVariantRecord>

export const x1: Recipe = {
  base: {
    display: 'flex'
  },
  variants: {
    visual: {
      solid: { bg: 'red.200', color: 'white' },
      outline: { borderWidth: '1px', borderColor: 'red.200' }
    },
    size: {
      sm: { padding: '4', fontSize: '12px' },
      lg: { padding: '8', fontSize: '24px' }
    }
  }
}

Then import the above / use it as the input to a cva function

Problem Statement/Justification

So the question I've got is would it be useful to add a new type to @pandacss/types/dist/index
which is an alias to RecipeDefinition<RecipeVariantRecord> so that an object can be defined outside of the main package
that can then be passed into the cva function

Or in this case is the design choice to force the use of defineConfig for receipe's defined outside of the main pacakge?

Proposed Solution or API

As above

Alternatives

No response

Additional Information

No response