@tenphi/tasty 3.0.1 → 3.0.2

package/dist/static/index.d.ts

@@ -1,5 +1,5 @@
-import { b as Styles } from "../index-l_NdJSUS.js";
-import { t as mergeStyles } from "../merge-styles-NEvqayL_.js";
+import { b as Styles } from "../index-KUYya3x7.js";
+import { t as mergeStyles } from "../merge-styles-DLm4wdnb.js";
 
 //#region src/static/types.d.ts
 /**

package/dist/static/index.js

@@ -1,4 +1,4 @@
-import { t as mergeStyles } from "../merge-styles--1zOSFlS.js";
+import { t as mergeStyles } from "../merge-styles-B0lMso5W.js";
 //#region src/static/types.ts
 /**
 * Create a StaticStyle object.

package/dist/zero/babel.d.ts

@@ -1,2 +1,2 @@
-import { n as _default, r as TastyZeroConfig, t as TastyZeroBabelOptions } from "../babel-HlEpSZrj.js";
+import { n as _default, r as TastyZeroConfig, t as TastyZeroBabelOptions } from "../babel-R2qT7yLN.js";
 export { TastyZeroBabelOptions, type TastyZeroConfig, _default as default };

package/dist/zero/babel.js

@@ -1,7 +1,7 @@
-import { b as resetConfig, d as getGlobalStyles, i as getGlobalConfigTokens, s as getGlobalFunctions, t as configure } from "../config-CCcE_tqx.js";
-import { t as mergeStyles } from "../merge-styles--1zOSFlS.js";
-import { t as resolveRecipes } from "../resolve-recipes-Caix5NnH.js";
-import { a as extractFunctionsFromStyles, c as extractStylesForSelector, i as extractFontFaceFromStyles, l as extractStylesWithChunks, o as extractKeyframesFromStyles, r as extractCounterStyleFromStyles, s as extractPropertiesFromStyles, t as CSSWriter, u as setExtractorNamePrefix } from "../css-writer-B5DBoxhf.js";
+import { b as resetConfig, d as getGlobalStyles, i as getGlobalConfigTokens, s as getGlobalFunctions, t as configure } from "../config-DOCuTykY.js";
+import { t as mergeStyles } from "../merge-styles-B0lMso5W.js";
+import { t as resolveRecipes } from "../resolve-recipes-C9nAuwgR.js";
+import { a as extractFunctionsFromStyles, c as extractStylesForSelector, i as extractFontFaceFromStyles, l as extractStylesWithChunks, o as extractKeyframesFromStyles, r as extractCounterStyleFromStyles, s as extractPropertiesFromStyles, t as CSSWriter, u as setExtractorNamePrefix } from "../css-writer-BHjTF0YN.js";
 import * as fs from "fs";
 import * as path from "path";
 import { declare } from "@babel/helper-plugin-utils";

package/dist/zero/index.d.ts

@@ -1,4 +1,4 @@
-import { b as Styles } from "../index-l_NdJSUS.js";
+import { b as Styles } from "../index-KUYya3x7.js";
 
 //#region src/zero/extractor.d.ts
 interface ExtractedChunk {

package/dist/zero/index.js

@@ -1,2 +1,2 @@
-import { c as extractStylesForSelector, l as extractStylesWithChunks, n as createCSSWriter, t as CSSWriter } from "../css-writer-B5DBoxhf.js";
+import { c as extractStylesForSelector, l as extractStylesWithChunks, n as createCSSWriter, t as CSSWriter } from "../css-writer-BHjTF0YN.js";
 export { CSSWriter, createCSSWriter, extractStylesForSelector, extractStylesWithChunks };

package/dist/zero/next.d.ts

@@ -1,4 +1,4 @@
-import { r as TastyZeroConfig } from "../babel-HlEpSZrj.js";
+import { r as TastyZeroConfig } from "../babel-R2qT7yLN.js";
 
 //#region src/zero/next.d.ts
 interface WebpackConfigContext {

package/docs/ai-agents.md

@@ -70,6 +70,9 @@ The last row goes the other way — longhands over the shorthand — because `fl
 - ❌ `#f5f5f5`, `rgb(0 0 0)`, `oklch(…)`, `okhsl(…)`, `red` → ✅ `#surface` (add the token to the config if it doesn't exist).
 - ❌ `var(--gap)` → ✅ `$gap` · ❌ `$accent-color` → ✅ `#accent` · ❌ `transparent` → ✅ `#clear` · ❌ `currentColor` → ✅ `#current`.
 - A `$name` must be declared as a `'$name': value` key in the same styles object, or in the config.
+- Names are case-sensitive and start lowercase — `$myVar` → `--myVar`; a leading capital folds (`$Foo` → `--foo`). Prefer kebab-case.
+- A `$name` reference is untyped: it fills the first free slot in a shorthand (`border: '1bw $my-style'` → the line style). Write colors as `#name`; `$name-color` is a fallback for pointing at a raw CSS custom property that holds a color.
+- `preset` and `transition` take token *names*, not values, so a `$name` cannot stand in for one (it warns in dev and is ignored).
 
 ### Units
 

package/docs/configuration.md

@@ -164,6 +164,7 @@ configure({
 
 - `$name` keys become `--name` CSS custom properties
 - `#name` keys become `--name-color` and `--name-color-{colorSpace}` properties (suffix depends on `colorSpace`, default `oklch`)
+- Names keep their case, since CSS custom properties are case-sensitive: `$myVar` is `--myVar` and is referenced as `$myVar`. A leading capital is not supported and folds — `$Foo` and `#Purple` become `--foo` and `--purple-color` — so start names lowercase. Kebab-case (`$my-var`) remains the convention.
 
 Tokens are automatically emitted in all rendering modes: runtime (client), SSR, and zero-runtime (Babel plugin).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/tasty",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "A design-system-integrated styling system and DSL for concise, state-aware UI styling",
   "type": "module",
   "main": "./dist/index.js",
@@ -158,39 +158,39 @@
     "@types/babel__helper-plugin-utils": "^7.10.3",
     "@types/node": "^25.3.2",
     "@types/react": "^19.0.0",
+    "@vitest/browser-playwright": "^4.1.10",
     "eslint": "^10.0.0",
     "eslint-config-prettier": "^10.1.8",
-    "happy-dom": "^20.9.0",
     "jiti": "^2.6.1",
-    "jsdom": "^29.0.2",
     "knip": "^5.61.3",
     "next": "^16.0.0",
+    "playwright": "^1.62.1",
     "prettier": "^3.8.1",
     "react": "^19.0.0",
     "size-limit": "^12.0.0",
     "tsdown": "^0.22.0",
     "typescript": "^6.0.2",
     "typescript-eslint": "^8.56.0",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.10"
   },
   "size-limit": [
     {
       "name": "main (import *)",
       "path": "dist/index.js",
       "import": "*",
-      "limit": "57 kB"
+      "limit": "57.5 kB"
     },
     {
       "name": "core (import *)",
       "path": "dist/core/index.js",
       "import": "*",
-      "limit": "54 kB"
+      "limit": "54.5 kB"
     },
     {
       "name": "static",
       "path": "dist/static/index.js",
       "import": "*",
-      "limit": "18.5 kB"
+      "limit": "18.75 kB"
     },
     {
       "name": "zero",
@@ -201,7 +201,7 @@
         "path",
         "crypto"
       ],
-      "limit": "33 kB"
+      "limit": "33.25 kB"
     },
     {
       "name": "babel-plugin",
@@ -212,12 +212,15 @@
         "path",
         "crypto"
       ],
-      "limit": "50.5 kB"
+      "limit": "50.75 kB"
     }
   ],
   "scripts": {
     "build": "tsdown",
     "test": "vitest run",
+    "test:node": "vitest run --project node",
+    "test:browser": "vitest run --project browser",
+    "test:setup": "playwright install chromium",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
@@ -226,7 +229,8 @@
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
     "size": "size-limit",
-    "bench": "vitest bench",
+    "bench": "vitest bench --project node",
+    "bench:browser": "vitest bench --project browser",
     "changeset": "changeset",
     "version": "changeset version",
     "release": "changeset publish",