also looking at this
Merge @stacksjs/ts-css into this repo as packages/toolkit
#27
128 files
+9797
-201
| @@ -11,7 +11,7 @@ A CSS engine with two front ends and one atomic output. | ||
| 11 | 11 | Write **utility classes** when you are laying out markup, and Tailwind v4 semantics apply unchanged. Write **typed style objects** when a style has to be computed, tokenised, or merged across a component boundary, and you get StyleX's authoring model. Both compile through the same pipeline into the same deduplicated atomic CSS, in one stylesheet, with nothing left at runtime. |
| 12 | 12 | |
| 13 | 13 | ```bash |
| 14 | bun add ts-css | |
| 14 | bun add @ts-css/core | |
| 15 | 15 | ``` |
| 16 | 16 | |
| 17 | 17 | ## Why two APIs |
| @@ -43,7 +43,7 @@ bunx cssx watch # rebuilds on change | ||
| 43 | 43 | |
| 44 | 44 | ```ts |
| 45 | 45 | // css.config.ts |
| 46 | import type { TsCssOptions } from 'ts-css' | |
| 46 | import type { TsCssOptions } from '@ts-css/core' | |
| 47 | 47 | |
| 48 | 48 | export default { |
| 49 | 49 | content: ['./src/**/*.{html,ts,tsx,stx}'], |
| @@ -57,7 +57,7 @@ export default { | ||
| 57 | 57 | ## Style objects |
| 58 | 58 | |
| 59 | 59 | ```ts |
| 60 | import { css } from 'ts-css' | |
| 60 | import { css } from '@ts-css/core' | |
| 61 | 61 | |
| 62 | 62 | const theme = css.defineVars({ |
| 63 | 63 | accent: '#0b7', |
| @@ -223,7 +223,7 @@ cssx clean # remove the output file | ||
| 223 | 223 | ## Configuration |
| 224 | 224 | |
| 225 | 225 | ```ts |
| 226 | import type { TsCssOptions } from 'ts-css' | |
| 226 | import type { TsCssOptions } from '@ts-css/core' | |
| 227 | 227 | |
| 228 | 228 | export default { |
| 229 | 229 | content: ['./src/**/*.{html,ts,tsx}'], |
| @@ -296,7 +296,7 @@ The MIT License (MIT). Please see [LICENSE](LICENSE.md) for more information. | ||
| 296 | 296 | Made with �� |
| 297 | 297 | |
| 298 | 298 | <!-- Badges --> |
| 299 | [npm-version-src]: https://img.shields.io/npm/v/ts-css?style=flat-square | |
| 300 | [npm-version-href]: https://npmjs.com/package/ts-css | |
| 299 | [npm-version-src]: https://img.shields.io/npm/v/@ts-css/core?style=flat-square | |
| 300 | [npm-version-href]: https://npmjs.com/package/@ts-css/core | |
| 301 | 301 | [github-actions-src]: https://img.shields.io/github/actions/workflow/status/cwcss/crosswind/ci.yml?style=flat-square&branch=main |
| 302 | 302 | [github-actions-href]: https://github.com/cwcss/crosswind/actions?query=workflow%3Aci |