@pandacss/generator 0.13.0 → 0.14.0

package/dist/index.js

@@ -555,10 +555,12 @@ function generateConditions(ctx) {
       }
       `,
     dts: import_outdent2.default`
-    import type { AnySelector, Selectors } from './selectors'
+    ${ctx.file.importType("AnySelector, Selectors", "./selectors")}
 
     export type Conditions = {
-    ${keys.map((key) => `	${JSON.stringify(key)}: string`).join("\n")}
+    ${keys.map(
+      (key) => `	${key === "base" ? `/** The base (=no conditions) styles to apply  */` : ctx.conditions.get(key) ? `/** \`${ctx.conditions.get(key)}\` */` : ""}${JSON.stringify(key)}: string`
+    ).join("\n")}
     }
 
     export type Condition = keyof Conditions
@@ -626,11 +628,11 @@ function generateCssFn(ctx) {
   const { separator, getPropShorthands } = utility;
   return {
     dts: import_outdent4.outdent`
-    import type { SystemStyleObject } from '../types'
+    ${ctx.file.importType("SystemStyleObject", "../types/index")}
 
     interface CssFunction {
-      (...styles: SystemStyleObject[]): string
-      raw: (styles: SystemStyleObject) => SystemStyleObject
+      (...styles: Array<SystemStyleObject | undefined | null | false>): string
+      raw: (...styles: Array<SystemStyleObject | undefined | null | false>) => SystemStyleObject
     }
 
     export declare const css: CssFunction;
@@ -697,7 +699,7 @@ function generateCssFn(ctx) {
 
     const cssFn = createCss(context)
     export const css = (...styles) => cssFn(mergeCss(...styles))
-    css.raw = (styles) => styles
+    css.raw = (...styles) => mergeCss(...styles)
 
     export const { mergeCss, assignCss } = createMergeCss(context)
     `
@@ -822,12 +824,11 @@ function generateCvaFn(ctx) {
 
     `,
     dts: import_outdent6.outdent`
-    import type { RecipeCreatorFn } from '../types/recipe'
+    ${ctx.file.importType("RecipeCreatorFn", "../types/recipe")}
 
     export declare const cva: RecipeCreatorFn
 
-    export type { RecipeVariantProps } from '../types/recipe'
-
+    ${ctx.file.exportType("RecipeVariantProps", "../types/recipe")}
     `
   };
 }
@@ -957,11 +958,11 @@ function generatePattern(ctx) {
     return {
       name: dashName,
       dts: import_outdent10.outdent`
-      import type { SystemStyleObject, ConditionalValue } from '../types'
-      import type { Properties } from '../types/csstype'
-      import type { PropertyValue } from '../types/prop-type'
-      import type { DistributiveOmit } from '../types/system-types'
-      import type { Tokens } from '../tokens'
+      ${ctx.file.importType("SystemStyleObject, ConditionalValue", "../types/index")}
+      ${ctx.file.importType("Properties", "../types/csstype")}
+      ${ctx.file.importType("PropertyValue", "../types/prop-type")}
+      ${ctx.file.importType("DistributiveOmit", "../types/system-types")}
+      ${ctx.file.importType("Tokens", "../tokens/index")}
 
       export type ${upperName}Properties = {
          ${Object.keys(properties ?? {}).map((key) => {
@@ -987,7 +988,7 @@ function generatePattern(ctx) {
 
           interface ${upperName}PatternFn {
             (styles?: ${upperName}Styles): string
-            raw: (styles: ${upperName}Styles) => SystemStyleObject
+            raw: (styles?: ${upperName}Styles) => SystemStyleObject
           }
 
           ${description ? `/** ${description} */` : ""}
@@ -1128,9 +1129,9 @@ function generateRecipes(ctx) {
         name: dashName,
         js: jsCode,
         dts: import_outdent11.outdent`
-        import type { ConditionalValue } from '../types'
-        import type { Pretty } from '../types/helpers'
-        import type { DistributiveOmit } from '../types/system-types'
+        ${ctx.file.importType("ConditionalValue", "../types/index")}
+        ${ctx.file.importType("Pretty", "../types/helpers")}
+        ${ctx.file.importType("DistributiveOmit", "../types/system-types")}
 
         type ${upperName}Variant = {
           ${Object.keys(variantKeyMap).map((key) => {
@@ -1176,12 +1177,17 @@ function generateSvaFn(ctx) {
 
     export function sva(config) {
       const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)])
-      
+
       function svaFn(props) {
         const result = slots.map(([slot, cvaFn]) => [slot, cvaFn(props)])
         return Object.fromEntries(result)
       }
 
+      function raw(props) {
+        const result = slots.map(([slot, cvaFn]) => [slot, cvaFn.raw(props)])
+        return Object.fromEntries(result)
+      }
+
       const variants = config.variants ?? {};
       const variantKeys = Object.keys(variants);
 
@@ -1195,6 +1201,7 @@ function generateSvaFn(ctx) {
 
       return Object.assign(svaFn, {
         __cva__: false,
+        raw,
         variantMap,
         variantKeys,
         splitVariantProps,
@@ -1202,7 +1209,7 @@ function generateSvaFn(ctx) {
     }
     `,
     dts: import_outdent12.outdent`
-    import type { SlotRecipeCreatorFn } from '../types/recipe'
+    ${ctx.file.importType("SlotRecipeCreatorFn", "../types/recipe")}
 
     export declare const sva: SlotRecipeCreatorFn
     `
@@ -1235,14 +1242,14 @@ function generateTokenJs(ctx) {
   token.var = tokenVar
   `,
     dts: import_outdent13.default`
-  import type { Token } from './tokens'
+  ${ctx.file.importType("Token", "./tokens")}
 
   export declare const token: {
     (path: Token, fallback?: string): string
     var: (path: Token, fallback?: string) => string
   }
 
-  export * from './tokens'
+  ${ctx.file.exportTypeStar("./tokens")}
   `
   };
 }
@@ -1256,7 +1263,7 @@ function generatePreactJsxFactory(ctx) {
     import { h } from 'preact'
     import { forwardRef } from 'preact/compat'
     import { useMemo } from 'preact/hooks'
-    ${ctx.file.import("css, cx, assignCss", "../css/index")}
+    ${ctx.file.import("css, cx, cva, assignCss", "../css/index")}
     ${ctx.file.import("splitProps, normalizeHTMLProps", "../helpers")}
     ${ctx.file.import("isCssProperty", "./is-valid-prop")}
 
@@ -1352,9 +1359,9 @@ function generatePreactJsxPattern(ctx) {
       `,
       dts: import_outdent15.outdent`
       import type { FunctionComponent } from 'preact'
-      import type { ${upperName}Properties } from '../patterns/${dashName}'
-      import type { ${typeName} } from '../types/jsx'
-      import type { DistributiveOmit } from '../types/system-types'
+      ${ctx.file.importType(`${upperName}Properties`, `../patterns/${dashName}`)}
+      ${ctx.file.importType("DistributiveOmit", "../types/system-types")}
+      ${ctx.file.importType(typeName, "../types/jsx")}
 
       export type ${upperName}Props = ${upperName}Properties & DistributiveOmit<${typeName}<'${jsxElement}'>, keyof ${upperName}Properties ${blocklistType}>
 
@@ -1376,8 +1383,8 @@ export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent16.outdent`
 import type { ComponentProps, JSX } from 'preact'
-import type { Assign, JsxStyleProps, JsxHTMLProps } from './system-types'
-import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'
+${ctx.file.importType("Assign, JsxStyleProps, JsxHTMLProps", "./system-types")}
+${ctx.file.importType("RecipeDefinition, RecipeSelection, RecipeVariantRecord", "./recipe")}
 
 type ElementType = keyof JSX.IntrinsicElements
 
@@ -1464,7 +1471,7 @@ function generatePreactJsxStringLiteralTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent18.outdent`
-import type { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent18.outdent`
@@ -1593,9 +1600,9 @@ function generateQwikJsxPattern(ctx) {
       `,
       dts: import_outdent20.outdent`
       import type { Component } from '@builder.io/qwik'
-      import type { ${upperName}Properties } from '../patterns/${dashName}'
-      import type { ${typeName} } from '../types/jsx'
-      import type { Assign, DistributiveOmit } from '../types/system-types'
+      ${ctx.file.importType(`${upperName}Properties`, `../patterns/${dashName}`)}
+      ${ctx.file.importType(typeName, "../types/jsx")}
+      ${ctx.file.importType("Assign, DistributiveOmit", "../types/system-types")}
 
       export type ${upperName}Props = Assign<${typeName}<'${jsxElement}'>, DistributiveOmit<${upperName}Properties, ${blocklistType || '""'}>>
   
@@ -1612,7 +1619,7 @@ function generateQwikJsxTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent21.outdent`
-import { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent21.outdent`
@@ -1707,7 +1714,7 @@ function generateQwikJsxStringLiteralTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent23.outdent`
-import { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent23.outdent`
@@ -1878,9 +1885,9 @@ function generateReactJsxPattern(ctx) {
       `,
       dts: import_outdent25.outdent`
       import type { FunctionComponent } from 'react'
-      import type { ${upperName}Properties } from '../patterns/${dashName}'
-      import type { ${typeName} } from '../types/jsx'
-      import type { DistributiveOmit } from '../types/system-types'
+      ${ctx.file.importType(`${upperName}Properties`, `../patterns/${dashName}`)}
+      ${ctx.file.importType(typeName, "../types/jsx")}
+      ${ctx.file.importType("DistributiveOmit", "../types/system-types")}
 
       export type ${upperName}Props = ${upperName}Properties & DistributiveOmit<${typeName}<'${jsxElement}'>, keyof ${upperName}Properties ${blocklistType}>
 
@@ -1897,13 +1904,13 @@ function generateReactJsxTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent26.outdent`
-import { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent26.outdent`
 import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
-import type { Assign, DistributiveOmit, JsxStyleProps, JsxHTMLProps } from './system-types'
-import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'
+${ctx.file.importType("Assign, DistributiveOmit, JsxHTMLProps, JsxStyleProps", "./system-types")}
+${ctx.file.importType("RecipeDefinition, RecipeSelection, RecipeVariantRecord", "./recipe")}
 
 type Dict = Record<string, unknown>
 
@@ -1992,12 +1999,12 @@ function generateReactJsxStringLiteralTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent28.outdent`
-import { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent28.outdent`
 import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
-import type { DistributiveOmit } from '../types/system-types'
+${ctx.file.importType("DistributiveOmit", "../types/system-types")}
 
 type Dict = Record<string, unknown>
 
@@ -2137,10 +2144,10 @@ function generateSolidJsxPattern(ctx) {
     }
     `,
       dts: import_outdent30.outdent`
-    import { Component } from 'solid-js'
-    import { ${upperName}Properties } from '../patterns/${dashName}'
-    import { ${typeName} } from '../types/jsx'
-    import { DistributiveOmit } from '../types/system-types'
+    import type { Component } from 'solid-js'
+    ${ctx.file.importType(`${upperName}Properties`, `../patterns/${dashName}`)}
+    ${ctx.file.importType(typeName, "../types/jsx")}
+    ${ctx.file.importType("DistributiveOmit", "../types/system-types")}
 
     export type ${upperName}Props = ${upperName}Properties & DistributiveOmit<${typeName}<'${jsxElement}'>, keyof ${upperName}Properties ${blocklistType}>
 
@@ -2157,13 +2164,13 @@ function generateSolidJsxTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent31.outdent`
-import type { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent31.outdent`
 import type { ComponentProps, Component, JSX } from 'solid-js'
-import type { Assign, JsxStyleProps, JsxHTMLProps } from './system-types'
-import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'
+${ctx.file.importType("Assign, JsxStyleProps, JsxHTMLProps", "./system-types")}
+${ctx.file.importType("RecipeDefinition, RecipeSelection, RecipeVariantRecord", "./recipe")}
 
 type Dict = Record<string, unknown>
 
@@ -2256,7 +2263,7 @@ function generateSolidJsxStringLiteralTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent33.outdent`
-import type { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent33.outdent`
@@ -2445,10 +2452,10 @@ function generateVueJsxPattern(ctx) {
     })
     `,
       dts: import_outdent36.outdent`
-    import { FunctionalComponent } from 'vue'
-    import { ${upperName}Properties } from '../patterns/${dashName}'
-    import { ${typeName} } from '../types/jsx'
-    import { DistributiveOmit } from '../types/system-types'
+    import type { FunctionalComponent } from 'vue'
+    ${ctx.file.importType(`${upperName}Properties`, `../patterns/${dashName}`)}
+    ${ctx.file.importType(typeName, "../types/jsx")}
+    ${ctx.file.importType("DistributiveOmit", "../types/system-types")}
 
     export type ${upperName}Props = ${upperName}Properties & DistributiveOmit<${typeName}<'${jsxElement}'>, keyof ${upperName}Properties ${blocklistType}>
 
@@ -2465,13 +2472,15 @@ function generateVueJsxTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent37.outdent`
-import { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
+
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent37.outdent`
 import type { Component, FunctionalComponent } from 'vue'
-import type { Assign, JsxStyleProps, JsxHTMLProps } from './system-types'
-import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'
+
+${ctx.file.importType("RecipeDefinition, RecipeSelection, RecipeVariantRecord", "./recipe")}
+${ctx.file.importType("Assign, JsxStyleProps, JsxHTMLProps", "./system-types")}
 
 type IntrinsicElement =
   | 'a'
@@ -2630,7 +2639,8 @@ function generateVueJsxStringLiteralTypes(ctx) {
   const { factoryName, styleProps, componentName, upperName, typeName } = ctx.jsx;
   return {
     jsxFactory: import_outdent38.outdent`
-import { ${upperName} } from '../types/jsx'
+${ctx.file.importType(upperName, "../types/jsx")}
+
 export declare const ${factoryName}: ${upperName}
     `,
     jsxType: import_outdent38.outdent`
@@ -2838,7 +2848,7 @@ function generateJsxPatterns(ctx) {
 // src/artifacts/pkg-json.ts
 function generatePackageJson(ctx) {
   const {
-    config: { outdir, outExtension: ext = "mjs" }
+    config: { outdir }
   } = ctx;
   const pkg = {
     name: outdir,
@@ -2847,32 +2857,32 @@ function generatePackageJson(ctx) {
     type: "module",
     exports: {
       "./css": {
-        types: "./css/index.d.ts",
-        require: `./css/index.${ext}`,
-        import: `./css/index.${ext}`
+        types: ctx.file.extDts("./css/index"),
+        require: ctx.file.ext(`./css/index`),
+        import: ctx.file.ext(`./css/index`)
       },
       "./jsx": {
-        types: "./jsx/index.d.ts",
-        require: `./jsx/index.${ext}`,
-        import: `./jsx/index.${ext}`
+        types: ctx.file.extDts("./jsx/index"),
+        require: ctx.file.ext(`./jsx/index`),
+        import: ctx.file.ext(`./jsx/index`)
       },
       "./patterns": {
-        types: "./patterns/index.d.ts",
-        require: `./patterns/index.${ext}`,
-        import: `./patterns/index.${ext}`
+        types: ctx.file.extDts("./patterns/index"),
+        require: ctx.file.ext(`./patterns/index`),
+        import: ctx.file.ext(`./patterns/index`)
       },
       "./recipes": {
-        types: "./recipes/index.d.ts",
-        require: `./recipes/index.${ext}`,
-        import: `./recipes/index.${ext}`
+        types: ctx.file.extDts("./recipes/index"),
+        require: ctx.file.ext(`./recipes/index`),
+        import: ctx.file.ext(`./recipes/index`)
       },
       "./tokens": {
-        types: "./tokens/index.d.ts",
-        require: `./tokens/index.${ext}`,
-        import: `./tokens/index.${ext}`
+        types: ctx.file.extDts("./tokens/index"),
+        require: ctx.file.ext(`./tokens/index`),
+        import: ctx.file.ext(`./tokens/index`)
       },
       "./types": {
-        types: "./types/index.d.ts"
+        types: ctx.file.extDts("./types/index")
       },
       "./styles.css": "./styles.css"
     }
@@ -2897,7 +2907,7 @@ var composition_d_ts_default = {
 
 // src/artifacts/generated/recipe.d.ts.json
 var recipe_d_ts_default = {
-  content: "import type { SystemStyleObject, DistributiveOmit } from './system-types'\n\ntype Pretty<T> = { [K in keyof T]: T[K] } & {}\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]>\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n}\n\nexport type RecipeCompoundSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ntype RecipeConfigMeta = {\n  /**\n   * The name of the recipe.\n   */\n  className: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\n\nexport type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & RecipeConfigMeta\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport type SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>> = SlotRecipeVariantFn<S, T> & {\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport type SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> = {\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | SlotRecipeVariantRecord<S>\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<SlotRecipeCompoundVariant<S, T>>\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> & RecipeConfigMeta\n"
+  content: "import type { SystemStyleObject, DistributiveOmit } from './system-types'\n\ntype Pretty<T> = { [K in keyof T]: T[K] } & {}\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]>\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n}\n\nexport type RecipeCompoundSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ntype RecipeConfigMeta = {\n  /**\n   * The name of the recipe.\n   */\n  className: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\n\nexport type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & RecipeConfigMeta\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport type SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>> = SlotRecipeVariantFn<S, T> & {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport type SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> = {\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | SlotRecipeVariantRecord<S>\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<SlotRecipeCompoundVariant<S, T>>\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> & RecipeConfigMeta\n"
 };
 
 // src/artifacts/generated/pattern.d.ts.json
@@ -2919,27 +2929,31 @@ var selectors_d_ts_default = {
 var import_ts_pattern9 = require("ts-pattern");
 var jsxStyleProps = "export type JsxStyleProps = StyleProps & WithCss";
 function getGeneratedTypes(ctx) {
+  const rewriteImports = (code) => code.replace(/import\s+type\s+\{([^}]+)\}\s+from\s+['"]([^'"]+)['"]/g, ctx.file.importType("$1", "$2"));
   return {
     cssType: csstype_d_ts_default.content,
-    recipe: recipe_d_ts_default.content,
-    pattern: pattern_d_ts_default.content,
-    parts: parts_d_ts_default.content,
-    composition: composition_d_ts_default.content,
-    selectors: selectors_d_ts_default.content,
-    system: (0, import_ts_pattern9.match)(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with("minimal", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = WithCss")).with("none", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = {}")).exhaustive()
+    recipe: rewriteImports(recipe_d_ts_default.content),
+    pattern: rewriteImports(pattern_d_ts_default.content.replace("../tokens", "../tokens/index")),
+    parts: rewriteImports(parts_d_ts_default.content),
+    composition: rewriteImports(composition_d_ts_default.content),
+    selectors: rewriteImports(selectors_d_ts_default.content),
+    system: rewriteImports(
+      (0, import_ts_pattern9.match)(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with("minimal", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = WithCss")).with("none", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = {}")).exhaustive()
+    )
   };
 }
 
 // src/artifacts/types/main.ts
 var import_outdent39 = require("outdent");
-var generateTypesEntry = () => ({
+var generateTypesEntry = (ctx) => ({
   global: import_outdent39.outdent`
+    // @ts-nocheck
     import type { TextStyles, LayerStyles } from '@pandacss/dev'
-    import type { RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig } from './recipe'
-    import type { Parts } from './parts'
-    import type { PatternConfig, PatternProperties } from './pattern'
-    import type { GlobalStyleObject, SystemStyleObject } from './system-types'
-    import type { CompositionStyles } from './composition'
+    ${ctx.file.importType("RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig", "./recipe")}
+    ${ctx.file.importType("Parts", "./parts")}
+    ${ctx.file.importType("PatternConfig, PatternProperties", "./pattern")}
+    ${ctx.file.importType("GlobalStyleObject, SystemStyleObject", "./system-types")}
+    ${ctx.file.importType("CompositionStyles", "./composition")}
 
     declare module '@pandacss/dev' {
       export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig
@@ -2952,10 +2966,13 @@ var generateTypesEntry = () => ({
       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: import_outdent39.outdent`
-    import './global'
-    export type { ConditionalValue } from './conditions'
-    export type { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
+    import '${ctx.file.extDts("./global")}'
+    ${ctx.file.exportType("ConditionalValue", "./conditions")}
+    ${ctx.file.exportType("PatternConfig, PatternProperties", "./pattern")}
+    ${ctx.file.exportType("RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig", "./recipe")}
+    ${ctx.file.exportType("GlobalStyleObject, JsxStyleProps, SystemStyleObject", "./system-types")}
 
     `,
   helpers: import_outdent39.outdent`
@@ -2973,9 +2990,9 @@ function generatePropTypes(ctx) {
   const strictText = `${strictTokens ? "" : " | CssValue<T>"}`;
   const result = [
     import_outdent40.outdent`
-    import type { ConditionalValue } from './conditions';
-    import type { CssProperties } from './system-types'
-    import type { Tokens } from '../tokens'
+    ${ctx.file.importType("ConditionalValue", "./conditions")}
+    ${ctx.file.importType("CssProperties", "./system-types")}
+    ${ctx.file.importType("Tokens", "../tokens/index")}
 
     type PropertyValueTypes  = {`
   ];
@@ -2999,9 +3016,9 @@ function generatePropTypes(ctx) {
   ${result.join("\n")}
 
   export type PropertyValue<T extends string> = T extends keyof PropertyTypes
-    ? ConditionalValue<PropertyTypes[T]${strictText} | (string & {})>
+    ? ConditionalValue<PropertyTypes[T]${strictText}${!ctx.config.strictTokens ? " | (string & {})" : ""}>
     : T extends keyof CssProperties
-    ? ConditionalValue<CssProperties[T] | (string & {})>
+    ? ConditionalValue<CssProperties[T]${!ctx.config.strictTokens ? " | (string & {})" : ""}>
     : ConditionalValue<string | number>
   `;
 }
@@ -3012,9 +3029,9 @@ var import_outdent41 = __toESM(require("outdent"));
 function generateStyleProps(ctx) {
   const props = new Set(import_is_valid_prop.allCssProperties.concat(ctx.utility.keys()).filter(Boolean));
   return import_outdent41.default`
-    import type { ConditionalValue } from './conditions'
-    import type { PropertyValue } from './prop-type'
-    import type { Token } from '../tokens'
+    ${ctx.file.importType("ConditionalValue", "./conditions")}
+    ${ctx.file.importType("PropertyValue", "./prop-type")}
+    ${ctx.file.importType("Token", "../tokens/index")}
 
     export type CssVarProperties = {
       [key in \`--\${string}\`]?: ConditionalValue<Token | (string & {}) | (number & {})>
@@ -3105,9 +3122,9 @@ function setupDesignTokens(ctx) {
     dir: ctx.paths.token,
     files: [
       { file: "index.css", code: css2 },
-      { file: "index.d.ts", code: code.dts },
+      { file: ctx.file.extDts("index"), code: code.dts },
       { file: ctx.file.ext("index"), code: code.js },
-      { file: "tokens.d.ts", code: generateTokenTypes(ctx) }
+      { file: ctx.file.extDts("tokens"), code: generateTokenTypes(ctx) }
     ]
   };
 }
@@ -3115,24 +3132,24 @@ function setupTypes(ctx) {
   const gen = getGeneratedTypes(ctx);
   const conditions = generateConditions(ctx);
   const jsx = generateJsxTypes(ctx);
-  const entry = generateTypesEntry();
+  const entry = generateTypesEntry(ctx);
   return {
     dir: ctx.paths.types,
     files: [
-      jsx ? { file: "jsx.d.ts", code: jsx.jsxType } : null,
-      { file: "csstype.d.ts", code: gen.cssType },
-      { file: "system-types.d.ts", code: gen.system },
-      { file: "selectors.d.ts", code: gen.selectors },
-      { file: "composition.d.ts", code: gen.composition },
-      { file: "global.d.ts", code: entry.global },
-      { file: "helpers.d.ts", code: entry.helpers },
-      { file: "recipe.d.ts", code: gen.recipe },
-      { file: "pattern.d.ts", code: gen.pattern },
-      { file: "parts.d.ts", code: gen.parts },
-      { file: "index.d.ts", code: entry.index },
-      { file: "prop-type.d.ts", code: generatePropTypes(ctx) },
-      { file: "style-props.d.ts", code: generateStyleProps(ctx) },
-      { file: "conditions.d.ts", code: conditions.dts }
+      jsx ? { file: ctx.file.extDts("jsx"), code: jsx.jsxType } : null,
+      { file: ctx.file.extDts("csstype"), code: gen.cssType },
+      { file: ctx.file.extDts("system-types"), code: gen.system },
+      { file: ctx.file.extDts("selectors"), code: gen.selectors },
+      { file: ctx.file.extDts("composition"), code: gen.composition },
+      { file: ctx.file.extDts("global"), code: entry.global },
+      { file: ctx.file.extDts("helpers"), code: entry.helpers },
+      { file: ctx.file.extDts("recipe"), code: gen.recipe },
+      { file: ctx.file.extDts("pattern"), code: gen.pattern },
+      { file: ctx.file.extDts("parts"), code: gen.parts },
+      { file: ctx.file.extDts("index"), code: entry.index },
+      { file: ctx.file.extDts("prop-type"), code: generatePropTypes(ctx) },
+      { file: ctx.file.extDts("style-props"), code: generateStyleProps(ctx) },
+      { file: ctx.file.extDts("conditions"), code: conditions.dts }
     ].filter(Boolean)
   };
 }
@@ -3144,7 +3161,7 @@ function setupCss(ctx) {
     files: [
       { file: ctx.file.ext("conditions"), code: conditions.js },
       { file: ctx.file.ext("css"), code: code.js },
-      { file: "css.d.ts", code: code.dts }
+      { file: ctx.file.extDts("css"), code: code.dts }
     ]
   };
 }
@@ -3156,7 +3173,7 @@ function setupCva(ctx) {
     dir: ctx.paths.css,
     files: [
       { file: ctx.file.ext("cva"), code: code.js },
-      { file: "cva.d.ts", code: code.dts }
+      { file: ctx.file.extDts("cva"), code: code.dts }
     ]
   };
 }
@@ -3168,7 +3185,7 @@ function setupSva(ctx) {
     dir: ctx.paths.css,
     files: [
       { file: ctx.file.ext("sva"), code: code.js },
-      { file: "sva.d.ts", code: code.dts }
+      { file: ctx.file.extDts("sva"), code: code.dts }
     ]
   };
 }
@@ -3178,7 +3195,7 @@ function setupCx(ctx) {
     dir: ctx.paths.css,
     files: [
       { file: ctx.file.ext("cx"), code: code.js },
-      { file: "cx.d.ts", code: code.dts }
+      { file: ctx.file.extDts("cx"), code: code.dts }
     ]
   };
 }
@@ -3188,16 +3205,16 @@ function setupRecipes(ctx) {
     return;
   const indexFiles = files.filter((file) => !file.name.includes("create-recipe"));
   const index = {
-    js: import_outdent43.default.string(indexFiles.map((file) => ctx.file.export(`./${file.name}`)).join("\n")),
-    dts: import_outdent43.default.string(indexFiles.map((file) => `export * from './${file.name}'`).join("\n"))
+    js: import_outdent43.default.string(indexFiles.map((file) => ctx.file.exportStar(`./${file.name}`)).join("\n")),
+    dts: import_outdent43.default.string(indexFiles.map((file) => ctx.file.exportTypeStar(`./${file.name}`)).join("\n"))
   };
   return {
     dir: ctx.paths.recipe,
     files: [
       ...files.map((file) => ({ file: ctx.file.ext(file.name), code: file.js })),
-      ...files.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
+      ...files.map((file) => ({ file: ctx.file.extDts(file.name), code: file.dts })),
       { file: ctx.file.ext("index"), code: index.js },
-      { file: "index.d.ts", code: index.dts }
+      { file: ctx.file.extDts("index"), code: index.dts }
     ]
   };
 }
@@ -3208,16 +3225,16 @@ function setupPatterns(ctx) {
   if (!files)
     return;
   const index = {
-    js: import_outdent43.default.string(files.map((file) => ctx.file.export(`./${file.name}`)).join("\n")),
-    dts: import_outdent43.default.string(files.map((file) => `export * from './${file.name}'`).join("\n"))
+    js: import_outdent43.default.string(files.map((file) => ctx.file.exportStar(`./${file.name}`)).join("\n")),
+    dts: import_outdent43.default.string(files.map((file) => ctx.file.exportTypeStar(`./${file.name}`)).join("\n"))
   };
   return {
     dir: ctx.paths.pattern,
     files: [
       ...files.map((file) => ({ file: ctx.file.ext(file.name), code: file.js })),
-      ...files.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
+      ...files.map((file) => ({ file: ctx.file.extDts(file.name), code: file.dts })),
       { file: ctx.file.ext("index"), code: index.js },
-      { file: "index.d.ts", code: index.dts }
+      { file: ctx.file.extDts("index"), code: index.dts }
     ]
   };
 }
@@ -3230,51 +3247,54 @@ function setupJsx(ctx) {
   const patterns = generateJsxPatterns(ctx);
   const index = {
     js: import_outdent43.default`
-  ${ctx.file.export("./factory")}
-  ${isValidProp?.js ? ctx.file.export("./is-valid-prop") : ""}
-  ${import_outdent43.default.string(patterns.map((file) => ctx.file.export(`./${file.name}`)).join("\n"))}
+  ${ctx.file.exportStar("./factory")}
+  ${isValidProp?.js ? ctx.file.exportStar("./is-valid-prop") : ""}
+  ${import_outdent43.default.string(patterns.map((file) => ctx.file.exportStar(`./${file.name}`)).join("\n"))}
   `,
     dts: import_outdent43.default`
-  export * from './factory'
-  ${isValidProp?.dts ? `export * from './is-valid-prop'` : ""}
-  ${import_outdent43.default.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
-  export type { ${ctx.jsx.typeName} } from '../types/jsx'
+  ${ctx.file.exportTypeStar("./factory")}
+
+  ${isValidProp?.dts ? ctx.file.exportTypeStar("./is-valid-prop") : ""}
+
+  ${import_outdent43.default.string(patterns.map((file) => ctx.file.exportTypeStar(`./${file.name}`)).join("\n"))}
+
+  ${ctx.file.exportType([ctx.jsx.typeName, ctx.jsx.componentName].join(", "), "../types/jsx")}
     `
   };
   return {
     dir: ctx.paths.jsx,
     files: [
       ...patterns.map((file) => ({ file: ctx.file.ext(file.name), code: file.js })),
-      ...patterns.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
+      ...patterns.map((file) => ({ file: ctx.file.extDts(file.name), code: file.dts })),
       { file: ctx.file.ext("is-valid-prop"), code: isValidProp?.js },
-      { file: "is-valid-prop.d.ts", code: isValidProp?.dts },
-      { file: "factory.d.ts", code: types.jsxFactory },
+      { file: ctx.file.extDts("is-valid-prop"), code: isValidProp?.dts },
       { file: ctx.file.ext("factory"), code: factory?.js },
-      { file: "index.d.ts", code: index.dts },
-      { file: ctx.file.ext("index"), code: index.js }
+      { file: ctx.file.extDts("factory"), code: types.jsxFactory },
+      { file: ctx.file.ext("index"), code: index.js },
+      { file: ctx.file.extDts("index"), code: index.dts }
     ]
   };
 }
 function setupCssIndex(ctx) {
   const index = {
     js: import_outdent43.default`
-  ${ctx.file.export("./css")}
-  ${ctx.file.export("./cx")}
-  ${ctx.isTemplateLiteralSyntax ? "" : ctx.file.export("./cva")}
-  ${ctx.isTemplateLiteralSyntax ? "" : ctx.file.export("./sva")}
+  ${ctx.file.exportStar("./css")}
+  ${ctx.file.exportStar("./cx")}
+  ${ctx.isTemplateLiteralSyntax ? "" : ctx.file.exportStar("./cva")}
+  ${ctx.isTemplateLiteralSyntax ? "" : ctx.file.exportStar("./sva")}
  `,
     dts: import_outdent43.default`
-  export * from './css'
-  export * from './cx'
-  ${ctx.isTemplateLiteralSyntax ? "" : `export * from './cva'`}
-  ${ctx.isTemplateLiteralSyntax ? "" : `export * from './sva'`}
+  ${ctx.file.exportTypeStar("./css")}
+  ${ctx.file.exportTypeStar("./cx")}
+  ${ctx.isTemplateLiteralSyntax ? "" : ctx.file.exportTypeStar("./cva")}
+  ${ctx.isTemplateLiteralSyntax ? "" : ctx.file.exportTypeStar("./sva")}
   `
   };
   return {
     dir: ctx.paths.css,
     files: [
       { file: ctx.file.ext("index"), code: index.js },
-      { file: "index.d.ts", code: index.dts }
+      { file: ctx.file.extDts("index"), code: index.dts }
     ]
   };
 }
@@ -3325,7 +3345,7 @@ var generateArtifacts = (ctx) => () => {
   ].filter(Boolean).map((artifact) => {
     const files = artifact?.files ?? [];
     files.forEach((file) => {
-      if (file.file.endsWith(".d.ts")) {
+      if (ctx.file.isTypeFile(file.file)) {
         file.code = `/* eslint-disable */
 ${file.code}`;
       }
@@ -3477,7 +3497,8 @@ var getBaseEngine = (conf) => {
     tokens,
     config: isTemplateLiteralSyntax ? {} : config.utilities,
     separator: config.separator,
-    shorthands: config.shorthands
+    shorthands: config.shorthands,
+    strictTokens: config.strictTokens
   });
   const conditions = new import_core5.Conditions({
     conditions: isTemplateLiteralSyntax ? {} : config.conditions,
@@ -3625,23 +3646,46 @@ var getPatternEngine = (config) => {
 };
 
 // src/engines/index.ts
-var getEngine = (conf) => ({
-  ...getBaseEngine(conf),
-  patterns: getPatternEngine(conf.config),
-  jsx: getJsxEngine(conf.config),
-  paths: getPathEngine(conf.config),
-  file: {
-    ext(file) {
-      return `${file}.${conf.config.outExtension}`;
-    },
-    import(mod, file) {
-      return `import { ${mod} } from '${this.ext(file)}';`;
-    },
-    export(file) {
-      return `export * from '${this.ext(file)}';`;
+var getEngine = (conf) => {
+  const { config } = conf;
+  const { forceConsistentTypeExtension, outExtension } = config;
+  return {
+    ...getBaseEngine(conf),
+    patterns: getPatternEngine(config),
+    jsx: getJsxEngine(config),
+    paths: getPathEngine(config),
+    file: {
+      ext(file) {
+        return `${file}.${outExtension}`;
+      },
+      extDts(file) {
+        const dts = outExtension === "mjs" && forceConsistentTypeExtension ? "d.mts" : "d.ts";
+        return `${file}.${dts}`;
+      },
+      __extDts(file) {
+        return forceConsistentTypeExtension ? this.extDts(file) : file;
+      },
+      import(mod, file) {
+        return `import { ${mod} } from '${this.ext(file)}';`;
+      },
+      importType(mod, file) {
+        return `import type { ${mod} } from '${this.__extDts(file)}';`;
+      },
+      exportType(mod, file) {
+        return `export type { ${mod} } from '${this.__extDts(file)}';`;
+      },
+      exportStar(file) {
+        return `export * from '${this.ext(file)}';`;
+      },
+      exportTypeStar(file) {
+        return `export * from '${this.__extDts(file)}';`;
+      },
+      isTypeFile(file) {
+        return file.endsWith(".d.ts") || file.endsWith(".d.mts");
+      }
     }
-  }
-});
+  };
+};
 
 // src/generator.ts
 var defaults = (conf) => ({