ReviewOS

also looking at this

stacks/ts-css

Merge @stacksjs/ts-css into this repo as packages/toolkit

#27
Merged glennmichael123 wants to merge merge/ts-css-toolkit into main
128 files +9797 -201
docs/advanced/presets.mdmodified+12-12
Changes to docs/advanced/presets.md
@@ -31,7 +31,7 @@ const config = {
3131### Basic Preset Structure
3232
3333A preset is an object that implements the`Preset`interface:```typescript
34import type { Preset } from 'ts-css'
34import type { Preset } from '@ts-css/core'
3535
3636export const myPreset: Preset = {
3737 name: 'my-preset',
@@ -54,7 +54,7 @@ export const myPreset: Preset = {
5454
5555```### Simple Example```typescript
5656// presets/minimal.ts
57import type { Preset } from 'ts-css'
57import type { Preset } from '@ts-css/core'
5858
5959export const minimalPreset: Preset = {
6060 name: 'minimal',
@@ -82,7 +82,7 @@ export const minimalPreset: Preset = {
8282### Single Preset```typescript
8383
8484// css.config.ts
85import type { TsCssOptions } from 'ts-css'
85import type { TsCssOptions } from '@ts-css/core'
8686import { minimalPreset } from './presets/minimal'
8787
8888const config = {
@@ -133,7 +133,7 @@ const config = {
133133### Design System Preset```typescript
134134
135135// presets/design-system.ts
136import type { Preset } from 'ts-css'
136import type { Preset } from '@ts-css/core'
137137
138138export const designSystemPreset: Preset = {
139139 name: 'design-system',
@@ -212,7 +212,7 @@ export const designSystemPreset: Preset = {
212212```### Component Library Preset```typescript
213213
214214// presets/components.ts
215import type { Preset } from 'ts-css'
215import type { Preset } from '@ts-css/core'
216216
217217export const componentsPreset: Preset = {
218218 name: 'components',
@@ -254,7 +254,7 @@ export const componentsPreset: Preset = {
254254
255255```### Utility Preset```typescript
256256// presets/utilities.ts
257import type { Preset } from 'ts-css'
257import type { Preset } from '@ts-css/core'
258258
259259export const utilitiesPreset: Preset = {
260260 name: 'utilities',
@@ -307,7 +307,7 @@ export const utilitiesPreset: Preset = {
307307```### Framework-Specific Preset```typescript
308308
309309// presets/react.ts
310import type { Preset } from 'ts-css'
310import type { Preset } from '@ts-css/core'
311311
312312export const reactPreset: Preset = {
313313 name: 'react',
@@ -360,7 +360,7 @@ my-ts-css-preset/
360360
361361```typescript
362362// src/index.ts
363import type { Preset } from 'ts-css'
363import type { Preset } from '@ts-css/core'
364364
365365export const myPreset: Preset = {
366366 name: 'my-preset',
@@ -389,10 +389,10 @@ export default myPreset
389389 "prepublishOnly": "bun run build"
390390 },
391391 "peerDependencies": {
392 "ts-css": ">=1.0.0"
392 "@ts-css/core": ">=1.0.0"
393393 },
394394 "devDependencies": {
395 "ts-css": "latest",
395 "@ts-css/core": "latest",
396396 "typescript": "latest"
397397 }
398398}
@@ -459,7 +459,7 @@ const config = {
459459
460460### Preset with Custom Preflight```typescript
461461
462import type { Preflight, Preset } from 'ts-css'
462import type { Preflight, Preset } from '@ts-css/core'
463463
464464const customPreflight: Preflight = {
465465 getCSS: () => `/*Custom reset*/*{
@@ -593,7 +593,7 @@ const config = {
593593}
594594```### Type Errors**Problem:**TypeScript errors when creating preset**Solution:**Import and use the`Preset`type:```typescript
595595
596import type { Preset } from 'ts-css'
596import type { Preset } from '@ts-css/core'
597597
598598export const myPreset: Preset = {
599599 name: 'my-preset',