When using chakra typegen --outdir ./custom-path, the generated TypeScript files contain broken relative imports that don't work outside the default location:

// Generated files have these broken imports:
import type { CssProperties } from "../css.types" // ❌ File doesn't exist
import type { ConditionalValue } from "../css.types" // ❌ File doesn't exist
import type { RecipeDefinition } from "../recipe.types" // ❌ File doesn't exist

Copy
typescript
This makes the --outdir flag essentially unusable for custom type generation.

Solution

Changed the CLI to generate absolute imports from @chakra-ui/react instead of relative paths:

// Now generates working imports:
import type { CssProperties, ConditionalValue, RecipeDefinition } from "@chakra-ui/react" // ✅ Works everywhere

Copy
typescript
Changes

Updated type generation functions to use absolute imports

Exported missing CssProperties type from @chakra-ui/react

Maintains backward compatibility - default behavior unchanged

Testing

This now works without TypeScript errors:

chakra typegen ./my-theme.ts --outdir ./anywhere