fix(generator): remove export types from jsx when no jsxFramework con… (

#1578)

.changeset/hot-olives-reply.md

@@ -0,0 +1,5 @@
+---
+'@pandacss/generator': patch
+---
+
+remove export types from jsx when no jsxFramework configuration

packages/generator/src/artifacts/index.ts

@@ -64,7 +64,7 @@ function setupTypes(ctx: Context): Artifact {
   const gen = getGeneratedTypes(ctx)
   const conditions = generateConditions(ctx)
   const jsx = generateJsxTypes(ctx)
-  const entry = generateTypesEntry(ctx)
+  const entry = generateTypesEntry(ctx, jsx != null)
 
   return {
     dir: ctx.paths.types,

packages/generator/src/artifacts/types/main.ts

@@ -1,8 +1,20 @@
 import { outdent } from 'outdent'
 import type { Context } from '../../engines'
 
-export const generateTypesEntry = (ctx: Context) => ({
-  global: outdent`
+export const generateTypesEntry = (ctx: Context, isJsxRequired: boolean) => {
+  const indexExports = [
+    // We need to export types used in the global.d.ts here to avoid TS errors such as `The inferred type of 'xxx' cannot be named without a reference to 'yyy'`
+    `import '${ctx.file.extDts('./global')}'`,
+    ctx.file.exportTypeStar('./conditions'),
+    ctx.file.exportTypeStar('./pattern'),
+    ctx.file.exportTypeStar('./recipe'),
+    ctx.file.exportTypeStar('./system-types'),
+    isJsxRequired && ctx.file.exportTypeStar('./jsx'),
+    ctx.file.exportTypeStar('./style-props'),
+  ].filter(Boolean)
+
+  return {
+    global: outdent`
     // @ts-nocheck
     import type * as Panda from '@pandacss/dev'
     ${ctx.file.importType('RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig', './recipe')}
@@ -22,18 +34,11 @@ export const generateTypesEntry = (ctx: Context) => ({
       export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>
     }
     `,
-  // We need to export types used in the global.d.ts here to avoid TS errors such as `The inferred type of 'xxx' cannot be named without a reference to 'yyy'`
-  index: outdent`
-    import '${ctx.file.extDts('./global')}'
-    ${ctx.file.exportTypeStar('./conditions')}
-    ${ctx.file.exportTypeStar('./pattern')}
-    ${ctx.file.exportTypeStar('./recipe')}
-    ${ctx.file.exportTypeStar('./system-types')}
-    ${ctx.file.exportTypeStar('./jsx')}
-    ${ctx.file.exportTypeStar('./style-props')}
-
+    index: outdent`
+    ${indexExports.join('\n')}
+    `,
+    helpers: outdent`
+    export type Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never
     `,
-  helpers: outdent`
-  export type Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never
-  `,
-})
+  }
+}

packages/studio/styled-system/types/index.d.ts

@@ -5,4 +5,4 @@ export * from './pattern';
 export * from './recipe';
 export * from './system-types';
 export * from './jsx';
-export * from './style-props';
+export * from './style-props';