also looking at this
Merge @stacksjs/ts-css into this repo as packages/toolkit
#27
128 files
+9797
-201
| @@ -10,7 +10,7 @@ Create a configuration file using the init command: | ||
| 10 | 10 | cssx init |
| 11 | 11 | ```This creates a basic`css.config.ts`file:```typescript |
| 12 | 12 | |
| 13 | import type { TsCssOptions } from 'ts-css' | |
| 13 | import type { TsCssOptions } from '@ts-css/core' | |
| 14 | 14 | |
| 15 | 15 | const config = { |
| 16 | 16 | content: ['./src/**/*.{html,js,ts,jsx,tsx}'], |
| @@ -238,7 +238,7 @@ const config = { | ||
| 238 | 238 | |
| 239 | 239 | ```**Creating a Preset:**```typescript |
| 240 | 240 | // presets/custom.ts |
| 241 | import type { TsCssOptions } from 'ts-css' | |
| 241 | import type { TsCssOptions } from '@ts-css/core' | |
| 242 | 242 | |
| 243 | 243 | export const myCustomPreset: Partial<TsCssConfig> = { |
| 244 | 244 | theme: { |
| @@ -252,7 +252,7 @@ export const myCustomPreset: Partial<TsCssConfig> = { | ||
| 252 | 252 | } |
| 253 | 253 | ```## Complete Configuration Example```typescript |
| 254 | 254 | |
| 255 | import type { TsCssOptions } from 'ts-css' | |
| 255 | import type { TsCssOptions } from '@ts-css/core' | |
| 256 | 256 | |
| 257 | 257 | const config = { |
| 258 | 258 | // Required |
| @@ -306,7 +306,7 @@ export default config | ||
| 306 | 306 | ```## Environment-Specific Configuration |
| 307 | 307 | |
| 308 | 308 | You can create different configurations for different environments:```typescript |
| 309 | import type { TsCssOptions } from 'ts-css' | |
| 309 | import type { TsCssOptions } from '@ts-css/core' | |
| 310 | 310 | |
| 311 | 311 | const isDev = process.env.NODE_ENV === 'development' |
| 312 | 312 | const isProd = process.env.NODE_ENV === 'production' |
| @@ -327,7 +327,7 @@ export default config | ||
| 327 | 327 | ```## TypeScript Support |
| 328 | 328 | |
| 329 | 329 | ts-css provides full TypeScript support with type checking and autocomplete:```typescript |
| 330 | import type { TsCssOptions } from 'ts-css' | |
| 330 | import type { TsCssOptions } from '@ts-css/core' | |
| 331 | 331 | |
| 332 | 332 | // Use satisfies for type checking while preserving literal types |
| 333 | 333 | const config = { |