@tenphi/tasty 0.10.0 → 0.11.0

package/dist/utils/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../src/utils/typography.ts"],"sourcesContent":["import type { TypographyPreset } from '../tokens/typography';\nimport { TYPOGRAPHY_PRESETS } from '../tokens/typography';\n\nimport type { Styles } from '../styles/types';\n\n// Re-export types for convenience\nexport type { TypographyPreset };\n\n/**\n * Generate typography tokens with $ prefix for CSS custom properties.\n *\n * Each preset generates the following CSS custom properties:\n * - `${name}-font-size`\n * - `${name}-line-height`\n * - `${name}-letter-spacing`\n * - `${name}-font-weight`\n * - `${name}-bold-font-weight` (if defined)\n * - `${name}-icon-size` (if defined)\n * - `${name}-text-transform` (if defined)\n * - `${name}-font-family` (if defined)\n * - `${name}-font-style` (if defined)\n *\n * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)\n * @returns Styles object with $ prefixed keys\n *\n * @example\n * // Using default presets\n * const tokens = generateTypographyTokens();\n * // tokens['$h1-font-size'] === '36px'\n *\n * @example\n * // Using custom presets\n * const customTokens = generateTypographyTokens({\n *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }\n * });\n */\nexport function generateTypographyTokens(\n  presets: Record<string, TypographyPreset> = TYPOGRAPHY_PRESETS,\n): Styles {\n  const tokens: Record<string, string | number> = {};\n\n  for (const [name, preset] of Object.entries(presets)) {\n    tokens[`$${name}-font-size`] = preset.fontSize;\n    tokens[`$${name}-line-height`] = preset.lineHeight;\n    tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';\n    tokens[`$${name}-font-weight`] = preset.fontWeight;\n\n    if (preset.boldFontWeight !== undefined) {\n      // Handle different property naming for c1 (uses font-bold-weight instead of bold-font-weight)\n      const boldKey =\n        name === 'c1'\n          ? `$${name}-font-bold-weight`\n          : `$${name}-bold-font-weight`;\n      tokens[boldKey] = preset.boldFontWeight;\n    }\n\n    if (preset.iconSize !== undefined) {\n      tokens[`$${name}-icon-size`] = preset.iconSize;\n    }\n\n    if (preset.textTransform !== undefined) {\n      tokens[`$${name}-text-transform`] = preset.textTransform;\n    }\n\n    if (preset.fontFamily !== undefined) {\n      tokens[`$${name}-font-family`] = preset.fontFamily;\n    }\n\n    if (preset.fontStyle !== undefined) {\n      tokens[`$${name}-font-style`] = preset.fontStyle;\n    }\n  }\n\n  return tokens as Styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,yBACd,UAA4C,oBACpC;CACR,MAAM,SAA0C,EAAE;AAElD,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,QAAQ,EAAE;AACpD,SAAO,IAAI,KAAK,eAAe,OAAO;AACtC,SAAO,IAAI,KAAK,iBAAiB,OAAO;AACxC,SAAO,IAAI,KAAK,oBAAoB,OAAO,iBAAiB;AAC5D,SAAO,IAAI,KAAK,iBAAiB,OAAO;AAExC,MAAI,OAAO,mBAAmB,QAAW;GAEvC,MAAM,UACJ,SAAS,OACL,IAAI,KAAK,qBACT,IAAI,KAAK;AACf,UAAO,WAAW,OAAO;;AAG3B,MAAI,OAAO,aAAa,OACtB,QAAO,IAAI,KAAK,eAAe,OAAO;AAGxC,MAAI,OAAO,kBAAkB,OAC3B,QAAO,IAAI,KAAK,oBAAoB,OAAO;AAG7C,MAAI,OAAO,eAAe,OACxB,QAAO,IAAI,KAAK,iBAAiB,OAAO;AAG1C,MAAI,OAAO,cAAc,OACvB,QAAO,IAAI,KAAK,gBAAgB,OAAO;;AAI3C,QAAO"}
+{"version":3,"file":"typography.js","names":[],"sources":["../../src/utils/typography.ts"],"sourcesContent":["import type { ConfigTokens } from '../styles/types';\n\n/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n *\n * Use with `generateTypographyTokens()` to create typography tokens for your design system.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Generate typography tokens with $ prefix for CSS custom properties.\n *\n * Each preset generates the following CSS custom properties:\n * - `${name}-font-size`\n * - `${name}-line-height`\n * - `${name}-letter-spacing`\n * - `${name}-font-weight`\n * - `${name}-bold-font-weight` (if defined)\n * - `${name}-icon-size` (if defined)\n * - `${name}-text-transform` (if defined)\n * - `${name}-font-family` (if defined)\n * - `${name}-font-style` (if defined)\n *\n * @param presets - Typography presets object\n * @returns ConfigTokens object with $ prefixed keys\n *\n * @example\n * const customTokens = generateTypographyTokens({\n *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },\n *   body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },\n * });\n */\nexport function generateTypographyTokens(\n  presets: Record<string, TypographyPreset>,\n): ConfigTokens {\n  const tokens: Record<`$${string}`, string | number> = {};\n\n  for (const [name, preset] of Object.entries(presets)) {\n    tokens[`$${name}-font-size`] = preset.fontSize;\n    tokens[`$${name}-line-height`] = preset.lineHeight;\n    tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';\n    tokens[`$${name}-font-weight`] = preset.fontWeight;\n\n    if (preset.boldFontWeight !== undefined) {\n      tokens[`$${name}-bold-font-weight`] = preset.boldFontWeight;\n    }\n\n    if (preset.iconSize !== undefined) {\n      tokens[`$${name}-icon-size`] = preset.iconSize;\n    }\n\n    if (preset.textTransform !== undefined) {\n      tokens[`$${name}-text-transform`] = preset.textTransform;\n    }\n\n    if (preset.fontFamily !== undefined) {\n      tokens[`$${name}-font-family`] = preset.fontFamily;\n    }\n\n    if (preset.fontStyle !== undefined) {\n      tokens[`$${name}-font-style`] = preset.fontStyle;\n    }\n  }\n\n  return tokens as ConfigTokens;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,yBACd,SACc;CACd,MAAM,SAAgD,EAAE;AAExD,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,QAAQ,EAAE;AACpD,SAAO,IAAI,KAAK,eAAe,OAAO;AACtC,SAAO,IAAI,KAAK,iBAAiB,OAAO;AACxC,SAAO,IAAI,KAAK,oBAAoB,OAAO,iBAAiB;AAC5D,SAAO,IAAI,KAAK,iBAAiB,OAAO;AAExC,MAAI,OAAO,mBAAmB,OAC5B,QAAO,IAAI,KAAK,sBAAsB,OAAO;AAG/C,MAAI,OAAO,aAAa,OACtB,QAAO,IAAI,KAAK,eAAe,OAAO;AAGxC,MAAI,OAAO,kBAAkB,OAC3B,QAAO,IAAI,KAAK,oBAAoB,OAAO;AAG7C,MAAI,OAAO,eAAe,OACxB,QAAO,IAAI,KAAK,iBAAiB,OAAO;AAG1C,MAAI,OAAO,cAAc,OACvB,QAAO,IAAI,KAAK,gBAAgB,OAAO;;AAI3C,QAAO"}

package/dist/zero/babel.d.ts

@@ -1,7 +1,7 @@
 import { KeyframesSteps } from "../injector/types.js";
 import { StyleDetails, UnitHandler } from "../parser/types.js";
 import { StyleHandlerDefinition } from "../utils/styles.js";
-import { RecipeStyles } from "../styles/types.js";
+import { ConfigTokens, RecipeStyles } from "../styles/types.js";
 import { TastyPlugin } from "../plugins/types.js";
 import * as _babel_core0 from "@babel/core";
 import { PluginPass } from "@babel/core";
@@ -40,7 +40,7 @@ interface TastyZeroConfig {
    */
   funcs?: Record<string, (groups: StyleDetails[]) => string>;
   /**
-   * Plugins that extend tasty with custom functions, units, states, handlers, or tokens.
+   * Plugins that extend tasty with custom functions, units, states, and handlers.
    * Plugins are processed in order, with later plugins overriding earlier ones.
    * @example
    * ```ts
@@ -78,11 +78,17 @@ interface TastyZeroConfig {
    */
   handlers?: Record<string, StyleHandlerDefinition>;
   /**
-   * Predefined tokens that are replaced during style parsing.
+   * Design tokens injected as CSS custom properties on `:root`.
+   * Values are parsed through the Tasty DSL. Supports state maps.
+   * @example { '$gap': '4px', '#primary': { '': '#purple', '@dark': '#light-purple' } }
+   */
+  tokens?: ConfigTokens;
+  /**
+   * Predefined tokens replaced during style parsing (parse-time substitution).
    * Use `$name` for custom properties and `#name` for color tokens.
    * @example { $spacing: '2x', '#accent': '#purple' }
    */
-  tokens?: Record<`$${string}` | `#${string}`, string | number>;
+  replaceTokens?: Record<`$${string}` | `#${string}`, string | number>;
   /**
    * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.
    * Recipe values are flat tasty styles (no sub-element keys).

package/dist/zero/babel.js

@@ -1,5 +1,5 @@
 import { __require } from "../_virtual/_rolldown/runtime.js";
-import { configure } from "../config.js";
+import { configure, getGlobalConfigTokens } from "../config.js";
 import { mergeStyles } from "../utils/merge-styles.js";
 import { resolveRecipes } from "../utils/resolve-recipes.js";
 import { extractKeyframesFromStyles, extractPropertiesFromStyles, extractStylesForSelector, extractStylesWithChunks } from "./extractor.js";
@@ -63,6 +63,11 @@ var babel_default = declare((api, options) => {
 	const devMode = config.devMode ?? false;
 	configure(config);
 	const cssWriter = new CSSWriter(outputPath, { devMode });
+	const tokenStyles = getGlobalConfigTokens();
+	if (tokenStyles && Object.keys(tokenStyles).length > 0) {
+		const result = extractStylesForSelector(":root", tokenStyles);
+		if (result.css) cssWriter.add(":root:tokens", result.css);
+	}
 	const globalRegistry = {};
 	return {
 		name: "tasty-zero",

package/dist/zero/babel.js.map

@@ -1 +1 @@
-{"version":3,"file":"babel.js","names":[],"sources":["../../src/zero/babel.ts"],"sourcesContent":["/**\n * Babel plugin for zero-runtime tasty static site generation.\n *\n * Transforms:\n * - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }\n * - `tastyStatic(base, styles)` → StaticStyle object with merged styles\n * - `tastyStatic(selector, styles)` → removed entirely\n *\n * Usage:\n * ```javascript\n * // babel.config.js\n * module.exports = {\n *   plugins: [\n *     ['@tenphi/tasty/babel-plugin', { output: 'public/tasty.css' }]\n *   ]\n * };\n * ```\n */\n\nimport * as fs from 'fs';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\n\nimport { configure } from '../config';\nimport type { RecipeStyles, Styles } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { resolveRecipes } from '../utils/resolve-recipes';\nimport type { StyleHandlerDefinition } from '../utils/styles';\n\nimport { CSSWriter } from './css-writer';\nimport {\n  extractKeyframesFromStyles,\n  extractPropertiesFromStyles,\n  extractStylesForSelector,\n  extractStylesWithChunks,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type { KeyframesSteps } from '../injector/types';\nimport type { StyleDetails, UnitHandler } from '../parser/types';\nimport type { TastyPlugin } from '../plugins/types';\n\n/**\n * Build-time configuration for zero-runtime mode.\n * Subset of TastyConfig that applies at build time.\n */\nexport interface TastyZeroConfig {\n  /**\n   * Global predefined states for advanced state mapping.\n   * Example: { '@mobile': '@media(w < 768px)', '@dark': '@root(theme=dark)' }\n   */\n  states?: Record<string, string>;\n  /**\n   * Enable development mode features: source comments in generated CSS.\n   * Default: false\n   */\n  devMode?: boolean;\n  /**\n   * Parser LRU cache size (default: 1000).\n   * Larger values improve performance for builds with many unique style values.\n   */\n  parserCacheSize?: number;\n  /**\n   * Custom units for the style parser (merged with built-in units).\n   * Units transform numeric values like `2x` → `calc(2 * var(--gap))`.\n   * @example { em: 'em', vw: 'vw', custom: (n) => `${n * 10}px` }\n   */\n  units?: Record<string, string | UnitHandler>;\n  /**\n   * Custom functions for the style parser (merged with existing).\n   * Functions process parsed style groups and return CSS values.\n   * @example { myFunc: (groups) => groups.map(g => g.output).join(' ') }\n   */\n  funcs?: Record<string, (groups: StyleDetails[]) => string>;\n  /**\n   * Plugins that extend tasty with custom functions, units, states, handlers, or tokens.\n   * Plugins are processed in order, with later plugins overriding earlier ones.\n   * @example\n   * ```ts\n   * import { okhslPlugin } from '@tenphi/tasty';\n   *\n   * // babel.config.js\n   * module.exports = {\n   *   plugins: [\n   *     ['@tenphi/tasty/babel-plugin', {\n   *       config: { plugins: [okhslPlugin()] }\n   *     }]\n   *   ]\n   * };\n   * ```\n   */\n  plugins?: TastyPlugin[];\n  /**\n   * Global keyframes definitions for static extraction.\n   * Keys are animation names, values are keyframes step definitions.\n   * @example { fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } } }\n   */\n  keyframes?: Record<string, KeyframesSteps>;\n  /**\n   * Custom style handlers that transform style properties into CSS declarations.\n   * Handlers replace built-in handlers for the same style name.\n   * @example\n   * ```ts\n   * handlers: {\n   *   fill: ({ fill }) => fill ? { 'background-color': fill } : undefined,\n   *   elevation: ({ elevation }) => ({\n   *     'box-shadow': `0 ${elevation}px ${elevation * 2}px rgba(0,0,0,0.1)`,\n   *   }),\n   * }\n   * ```\n   */\n  handlers?: Record<string, StyleHandlerDefinition>;\n  /**\n   * Predefined tokens that are replaced during style parsing.\n   * Use `$name` for custom properties and `#name` for color tokens.\n   * @example { $spacing: '2x', '#accent': '#purple' }\n   */\n  tokens?: Record<`$${string}` | `#${string}`, string | number>;\n  /**\n   * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.\n   * Recipe values are flat tasty styles (no sub-element keys).\n   * @example\n   * ```ts\n   * recipes: {\n   *   card: { padding: '4x', fill: '#surface', radius: '1r', border: true },\n   *   elevated: { shadow: '2x 2x 4x #shadow' },\n   * }\n   * ```\n   */\n  recipes?: Record<string, RecipeStyles>;\n  /**\n   * Automatically infer and register CSS @property declarations from values.\n   * @default true\n   */\n  autoPropertyTypes?: boolean;\n}\n\nexport interface TastyZeroBabelOptions {\n  /** Output path for generated CSS (default: 'tasty.css') */\n  output?: string;\n  /**\n   * Tasty configuration for build-time processing.\n   * Can be a static object or a factory function that returns fresh config.\n   * A factory is called on each plugin invocation, enabling hot reload\n   * of config values that depend on external files (e.g. theme tokens).\n   */\n  config?: TastyZeroConfig | (() => TastyZeroConfig);\n  /**\n   * Absolute file paths whose content affects the generated CSS.\n   * When any of these files change, babel-loader invalidates its cache\n   * and re-runs the plugin with fresh config values.\n   *\n   * Typically includes theme files that define Glaze palettes or token values.\n   * Paths must be absolute (resolved by the Next.js wrapper).\n   */\n  configDeps?: string[];\n}\n\n/**\n * Registry to track StaticStyle objects by their variable names.\n * Used to resolve base styles when extending.\n */\ntype StaticStyleRegistry = Record<\n  string,\n  {\n    styles: Styles;\n    className: string;\n  }\n>;\n\ninterface PluginState extends PluginPass {\n  staticStyleRegistry: StaticStyleRegistry;\n  /** Current source file path (for devMode source comments) */\n  sourceFile?: string;\n}\n\nfunction mtime(filePath: string): number | null {\n  try {\n    return fs.statSync(filePath).mtimeMs;\n  } catch {\n    return null;\n  }\n}\n\nfunction clearRequireCacheTree(filePath: string): void {\n  let resolved: string;\n\n  try {\n    resolved = require.resolve(filePath);\n  } catch {\n    return;\n  }\n\n  const mod = require.cache[resolved];\n\n  if (!mod) return;\n\n  const dir = resolved.substring(0, resolved.lastIndexOf('/'));\n\n  if (mod.children) {\n    for (const child of mod.children) {\n      if (child.id.startsWith(dir) && !child.id.includes('node_modules')) {\n        clearRequireCacheTree(child.id);\n      }\n    }\n  }\n\n  delete require.cache[resolved];\n}\n\n// @ts-expect-error PluginState vs PluginPass type mismatch in @babel/helper-plugin-utils\nexport default declare<TastyZeroBabelOptions>((api, options) => {\n  api.assertVersion(7);\n\n  const outputPath = options.output || 'tasty.css';\n  const configDeps = options.configDeps || [];\n\n  // Register external dependencies for babel-loader cache invalidation.\n  // When any configDeps file changes, babel-loader discards the cached\n  // transform result and re-runs the plugin, picking up fresh config.\n  if (configDeps.length > 0) {\n    api.cache.using(() => configDeps.map(mtime).join(','));\n\n    for (const dep of configDeps) {\n      (\n        api as unknown as { addExternalDependency(path: string): void }\n      ).addExternalDependency(dep);\n    }\n  } else {\n    api.cache.forever();\n  }\n\n  // When configDeps are set, use jiti to load TypeScript config files.\n  // Clear the require cache first so we always get fresh values.\n  if (configDeps.length > 0) {\n    for (const dep of configDeps) {\n      clearRequireCacheTree(dep);\n    }\n  }\n\n  const configOption = options.config;\n  const config: TastyZeroConfig =\n    typeof configOption === 'function' ? configOption() : configOption || {};\n  const devMode = config.devMode ?? false;\n\n  configure(config);\n\n  const cssWriter = new CSSWriter(outputPath, { devMode });\n\n  // Global registry for cross-file references (same build)\n  const globalRegistry: StaticStyleRegistry = {};\n\n  return {\n    name: 'tasty-zero',\n\n    pre(this: PluginState) {\n      // Initialize per-file registry\n      this.staticStyleRegistry = {};\n      // Extract source filename for devMode comments\n      if (devMode && this.filename) {\n        // Get relative path or just filename\n        this.sourceFile = this.filename.split('/').pop() || this.filename;\n      }\n    },\n\n    visitor: {\n      // Remove import statements for tasty/static\n      ImportDeclaration(path: NodePath<t.ImportDeclaration>) {\n        const source = path.node.source.value;\n\n        if (\n          source === '@tenphi/tasty/static' ||\n          source.endsWith('/tasty/static')\n        ) {\n          path.remove();\n        }\n      },\n\n      // Transform tastyStatic() calls\n      CallExpression(path: NodePath<t.CallExpression>, state: PluginState) {\n        const callee = path.node.callee;\n\n        // Match tastyStatic(...) calls\n        if (!t.isIdentifier(callee, { name: 'tastyStatic' })) {\n          return;\n        }\n\n        const args = path.node.arguments;\n\n        if (args.length === 0) {\n          throw path.buildCodeFrameError(\n            'tastyStatic() requires at least one argument',\n          );\n        }\n\n        const firstArg = args[0];\n\n        if (t.isStringLiteral(firstArg)) {\n          // Selector mode: tastyStatic(selector, styles)\n          handleSelectorMode(\n            path,\n            args,\n            cssWriter,\n            state.sourceFile,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isObjectExpression(firstArg)) {\n          // Styles mode: tastyStatic(styles)\n          handleStylesMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isIdentifier(firstArg)) {\n          // Extension mode: tastyStatic(base, styles)\n          handleExtensionMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else {\n          throw path.buildCodeFrameError(\n            'tastyStatic() first argument must be an object (styles), ' +\n              'identifier (base StaticStyle), or string (selector)',\n          );\n        }\n      },\n\n      // Track variable declarations to register StaticStyle objects\n      VariableDeclarator(\n        path: NodePath<t.VariableDeclarator>,\n        state: PluginState,\n      ) {\n        const init = path.node.init;\n        const id = path.node.id;\n\n        // Check if this is a StaticStyle object (has className and styles properties)\n        if (\n          t.isIdentifier(id) &&\n          t.isObjectExpression(init) &&\n          isStaticStyleObject(init)\n        ) {\n          const variableName = id.name;\n          const styles = extractStylesFromStaticStyleObject(init, path);\n          const className = extractClassNameFromStaticStyleObject(init);\n\n          if (styles && className) {\n            state.staticStyleRegistry[variableName] = { styles, className };\n            globalRegistry[variableName] = { styles, className };\n          }\n        }\n      },\n    },\n\n    post() {\n      // Write all collected CSS at the end of the build\n      if (cssWriter.size > 0) {\n        cssWriter.write();\n      }\n    },\n  };\n});\n\n/**\n * Check if an object expression looks like a StaticStyle object\n */\nfunction isStaticStyleObject(node: t.ObjectExpression): boolean {\n  const hasClassName = node.properties.some(\n    (p) =>\n      t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'className' }),\n  );\n  const hasStyles = node.properties.some(\n    (p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'styles' }),\n  );\n  return hasClassName && hasStyles;\n}\n\n/**\n * Extract styles object from a StaticStyle object expression\n */\nfunction extractStylesFromStaticStyleObject(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Styles | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'styles' }) &&\n      t.isObjectExpression(prop.value)\n    ) {\n      return evaluateObjectExpression(prop.value, path) as Styles;\n    }\n  }\n  return null;\n}\n\n/**\n * Extract className from a StaticStyle object expression\n */\nfunction extractClassNameFromStaticStyleObject(\n  node: t.ObjectExpression,\n): string | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'className' }) &&\n      t.isStringLiteral(prop.value)\n    ) {\n      return prop.value.value;\n    }\n  }\n  return null;\n}\n\n/**\n * Handle tastyStatic(styles) - returns StaticStyle object\n */\nfunction handleStylesMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  const stylesArg = args[0];\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(styles) argument must be a static object literal',\n    );\n  }\n\n  // Evaluate styles object at build time\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(styles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, styles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(path, className, styles, state, globalRegistry);\n}\n\n/**\n * Handle tastyStatic(base, styles) - extends base with additional styles\n */\nfunction handleExtensionMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) requires two arguments',\n    );\n  }\n\n  const baseArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isIdentifier(baseArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) first argument must be an identifier',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) second argument must be a static object literal',\n    );\n  }\n\n  const baseName = baseArg.name;\n\n  // Look up base styles in registry\n  const baseEntry =\n    state.staticStyleRegistry[baseName] || globalRegistry[baseName];\n\n  if (!baseEntry) {\n    throw path.buildCodeFrameError(\n      `Cannot find base StaticStyle '${baseName}'. ` +\n        'Make sure it is defined before being extended.',\n    );\n  }\n\n  // Evaluate override styles\n  const overrideStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Merge styles using mergeStyles, then resolve recipes\n  const mergedStyles = resolveRecipes(\n    mergeStyles(baseEntry.styles, overrideStyles),\n  );\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    mergedStyles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(mergedStyles, {\n    autoPropertyTypes,\n  });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(mergedStyles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(\n    path,\n    className,\n    mergedStyles,\n    state,\n    globalRegistry,\n  );\n}\n\n/**\n * Handle tastyStatic(selector, styles) - removes the call entirely\n */\nfunction handleSelectorMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  sourceFile?: string,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) requires two arguments',\n    );\n  }\n\n  const selectorArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isStringLiteral(selectorArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) first argument must be a string literal',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) second argument must be a static object literal',\n    );\n  }\n\n  const selector = selectorArg.value;\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, sourceFile);\n  }\n\n  // Extract styles for selector\n  const result = extractStylesForSelector(selector, styles);\n\n  // Replace animation names if needed and add CSS\n  const css =\n    nameMap.size > 0\n      ? replaceAnimationNamesInCSS(result.css, nameMap)\n      : result.css;\n  cssWriter.add(selector, css, sourceFile);\n\n  // Remove the entire statement\n  const parent = path.parentPath;\n  if (parent && t.isExpressionStatement(parent.node)) {\n    parent.remove();\n  } else {\n    // If used in an expression context (which would be incorrect usage),\n    // replace with undefined\n    path.replaceWith(t.identifier('undefined'));\n  }\n}\n\n/**\n * Create a StaticStyle object AST node\n */\nfunction createStaticStyleAST(\n  className: string,\n  styles: Styles,\n): t.ObjectExpression {\n  return t.objectExpression([\n    t.objectProperty(t.identifier('className'), t.stringLiteral(className)),\n    t.objectProperty(t.identifier('styles'), valueToAST(styles)),\n    t.objectMethod(\n      'method',\n      t.identifier('toString'),\n      [],\n      t.blockStatement([\n        t.returnStatement(\n          t.memberExpression(t.thisExpression(), t.identifier('className')),\n        ),\n      ]),\n    ),\n  ]);\n}\n\n/**\n * Register a StaticStyle in the registry if it's being assigned to a variable\n */\nfunction registerIfVariableDeclaration(\n  path: NodePath,\n  className: string,\n  styles: Styles,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n): void {\n  const parent = path.parentPath;\n  if (parent && t.isVariableDeclarator(parent.node)) {\n    const id = parent.node.id;\n    if (t.isIdentifier(id)) {\n      const variableName = id.name;\n      state.staticStyleRegistry[variableName] = { styles, className };\n      globalRegistry[variableName] = { styles, className };\n    }\n  }\n}\n\n/**\n * Convert a JavaScript value to an AST node\n */\nfunction valueToAST(value: unknown): t.Expression {\n  if (value === null) {\n    return t.nullLiteral();\n  }\n  if (value === undefined) {\n    return t.identifier('undefined');\n  }\n  if (typeof value === 'string') {\n    return t.stringLiteral(value);\n  }\n  if (typeof value === 'number') {\n    return t.numericLiteral(value);\n  }\n  if (typeof value === 'boolean') {\n    return t.booleanLiteral(value);\n  }\n  if (Array.isArray(value)) {\n    return t.arrayExpression(value.map(valueToAST));\n  }\n  if (typeof value === 'object') {\n    const properties = Object.entries(value).map(([key, val]) =>\n      t.objectProperty(\n        /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key)\n          ? t.identifier(key)\n          : t.stringLiteral(key),\n        valueToAST(val),\n      ),\n    );\n    return t.objectExpression(properties);\n  }\n  // Fallback for unsupported types\n  return t.identifier('undefined');\n}\n\n/**\n * Evaluate an ObjectExpression to a plain JavaScript object.\n * Only supports static values that can be determined at build time.\n */\nfunction evaluateObjectExpression(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const prop of node.properties) {\n    if (t.isSpreadElement(prop)) {\n      throw path.buildCodeFrameError(\n        'Spread elements are not supported in tastyStatic() - styles must be fully static',\n      );\n    }\n\n    if (!t.isObjectProperty(prop)) {\n      throw path.buildCodeFrameError(\n        'Only object properties are supported in tastyStatic()',\n      );\n    }\n\n    // Get key\n    let key: string;\n    if (t.isIdentifier(prop.key)) {\n      key = prop.key.name;\n    } else if (t.isStringLiteral(prop.key)) {\n      key = prop.key.value;\n    } else {\n      throw path.buildCodeFrameError(\n        'Dynamic property keys are not supported in tastyStatic()',\n      );\n    }\n\n    // Get value\n    const value = evaluateExpression(prop.value, path);\n    result[key] = value;\n  }\n\n  return result;\n}\n\n/**\n * Evaluate an expression to a JavaScript value.\n */\nfunction evaluateExpression(node: t.Node, path: NodePath): unknown {\n  if (t.isStringLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNumericLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isBooleanLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNullLiteral(node)) {\n    return null;\n  }\n\n  if (t.isIdentifier(node, { name: 'undefined' })) {\n    return undefined;\n  }\n\n  if (t.isArrayExpression(node)) {\n    return node.elements.map((el) => {\n      if (el === null) return null;\n      if (t.isSpreadElement(el)) {\n        throw path.buildCodeFrameError(\n          'Spread elements are not supported in tastyStatic()',\n        );\n      }\n      return evaluateExpression(el, path);\n    });\n  }\n\n  if (t.isObjectExpression(node)) {\n    return evaluateObjectExpression(node, path);\n  }\n\n  if (t.isTemplateLiteral(node)) {\n    // Only support template literals without expressions\n    if (node.expressions.length > 0) {\n      throw path.buildCodeFrameError(\n        'Template literals with expressions are not supported in tastyStatic()',\n      );\n    }\n    return node.quasis.map((q) => q.value.cooked).join('');\n  }\n\n  if (t.isUnaryExpression(node, { operator: '-' })) {\n    const arg = evaluateExpression(node.argument, path);\n    if (typeof arg === 'number') {\n      return -arg;\n    }\n  }\n\n  throw path.buildCodeFrameError(\n    `Dynamic expressions are not supported in tastyStatic() - got ${node.type}. ` +\n      'All values must be static literals.',\n  );\n}\n\n/**\n * Replace animation names in CSS string.\n * Wraps the keyframes replaceAnimationNames to work on full CSS blocks.\n */\nfunction replaceAnimationNamesInCSS(\n  css: string,\n  nameMap: Map<string, string>,\n): string {\n  if (nameMap.size === 0) return css;\n\n  // The CSS contains full rules like \".class { animation: name 1s; }\"\n  // We need to replace animation names within declaration blocks\n  return css.replace(\n    /(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n    (match, prop, value) => {\n      let newValue = value;\n      for (const [original, replacement] of nameMap) {\n        // Word boundary replacement\n        const pattern = new RegExp(`\\\\b${escapeRegex(original)}\\\\b`, 'g');\n        newValue = newValue.replace(pattern, replacement);\n      }\n      return `${prop}: ${newValue}`;\n    },\n  );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"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"}
+{"version":3,"file":"babel.js","names":[],"sources":["../../src/zero/babel.ts"],"sourcesContent":["/**\n * Babel plugin for zero-runtime tasty static site generation.\n *\n * Transforms:\n * - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }\n * - `tastyStatic(base, styles)` → StaticStyle object with merged styles\n * - `tastyStatic(selector, styles)` → removed entirely\n *\n * Usage:\n * ```javascript\n * // babel.config.js\n * module.exports = {\n *   plugins: [\n *     ['@tenphi/tasty/babel-plugin', { output: 'public/tasty.css' }]\n *   ]\n * };\n * ```\n */\n\nimport * as fs from 'fs';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\n\nimport { configure, getGlobalConfigTokens } from '../config';\nimport type { RecipeStyles, Styles, ConfigTokens } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { resolveRecipes } from '../utils/resolve-recipes';\nimport type { StyleHandlerDefinition } from '../utils/styles';\n\nimport { CSSWriter } from './css-writer';\nimport {\n  extractKeyframesFromStyles,\n  extractPropertiesFromStyles,\n  extractStylesForSelector,\n  extractStylesWithChunks,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type { KeyframesSteps } from '../injector/types';\nimport type { StyleDetails, UnitHandler } from '../parser/types';\nimport type { TastyPlugin } from '../plugins/types';\n\n/**\n * Build-time configuration for zero-runtime mode.\n * Subset of TastyConfig that applies at build time.\n */\nexport interface TastyZeroConfig {\n  /**\n   * Global predefined states for advanced state mapping.\n   * Example: { '@mobile': '@media(w < 768px)', '@dark': '@root(theme=dark)' }\n   */\n  states?: Record<string, string>;\n  /**\n   * Enable development mode features: source comments in generated CSS.\n   * Default: false\n   */\n  devMode?: boolean;\n  /**\n   * Parser LRU cache size (default: 1000).\n   * Larger values improve performance for builds with many unique style values.\n   */\n  parserCacheSize?: number;\n  /**\n   * Custom units for the style parser (merged with built-in units).\n   * Units transform numeric values like `2x` → `calc(2 * var(--gap))`.\n   * @example { em: 'em', vw: 'vw', custom: (n) => `${n * 10}px` }\n   */\n  units?: Record<string, string | UnitHandler>;\n  /**\n   * Custom functions for the style parser (merged with existing).\n   * Functions process parsed style groups and return CSS values.\n   * @example { myFunc: (groups) => groups.map(g => g.output).join(' ') }\n   */\n  funcs?: Record<string, (groups: StyleDetails[]) => string>;\n  /**\n   * Plugins that extend tasty with custom functions, units, states, and handlers.\n   * Plugins are processed in order, with later plugins overriding earlier ones.\n   * @example\n   * ```ts\n   * import { okhslPlugin } from '@tenphi/tasty';\n   *\n   * // babel.config.js\n   * module.exports = {\n   *   plugins: [\n   *     ['@tenphi/tasty/babel-plugin', {\n   *       config: { plugins: [okhslPlugin()] }\n   *     }]\n   *   ]\n   * };\n   * ```\n   */\n  plugins?: TastyPlugin[];\n  /**\n   * Global keyframes definitions for static extraction.\n   * Keys are animation names, values are keyframes step definitions.\n   * @example { fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } } }\n   */\n  keyframes?: Record<string, KeyframesSteps>;\n  /**\n   * Custom style handlers that transform style properties into CSS declarations.\n   * Handlers replace built-in handlers for the same style name.\n   * @example\n   * ```ts\n   * handlers: {\n   *   fill: ({ fill }) => fill ? { 'background-color': fill } : undefined,\n   *   elevation: ({ elevation }) => ({\n   *     'box-shadow': `0 ${elevation}px ${elevation * 2}px rgba(0,0,0,0.1)`,\n   *   }),\n   * }\n   * ```\n   */\n  handlers?: Record<string, StyleHandlerDefinition>;\n  /**\n   * Design tokens injected as CSS custom properties on `:root`.\n   * Values are parsed through the Tasty DSL. Supports state maps.\n   * @example { '$gap': '4px', '#primary': { '': '#purple', '@dark': '#light-purple' } }\n   */\n  tokens?: ConfigTokens;\n  /**\n   * Predefined tokens replaced during style parsing (parse-time substitution).\n   * Use `$name` for custom properties and `#name` for color tokens.\n   * @example { $spacing: '2x', '#accent': '#purple' }\n   */\n  replaceTokens?: Record<`$${string}` | `#${string}`, string | number>;\n  /**\n   * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.\n   * Recipe values are flat tasty styles (no sub-element keys).\n   * @example\n   * ```ts\n   * recipes: {\n   *   card: { padding: '4x', fill: '#surface', radius: '1r', border: true },\n   *   elevated: { shadow: '2x 2x 4x #shadow' },\n   * }\n   * ```\n   */\n  recipes?: Record<string, RecipeStyles>;\n  /**\n   * Automatically infer and register CSS @property declarations from values.\n   * @default true\n   */\n  autoPropertyTypes?: boolean;\n}\n\nexport interface TastyZeroBabelOptions {\n  /** Output path for generated CSS (default: 'tasty.css') */\n  output?: string;\n  /**\n   * Tasty configuration for build-time processing.\n   * Can be a static object or a factory function that returns fresh config.\n   * A factory is called on each plugin invocation, enabling hot reload\n   * of config values that depend on external files (e.g. theme tokens).\n   */\n  config?: TastyZeroConfig | (() => TastyZeroConfig);\n  /**\n   * Absolute file paths whose content affects the generated CSS.\n   * When any of these files change, babel-loader invalidates its cache\n   * and re-runs the plugin with fresh config values.\n   *\n   * Typically includes theme files that define Glaze palettes or token values.\n   * Paths must be absolute (resolved by the Next.js wrapper).\n   */\n  configDeps?: string[];\n}\n\n/**\n * Registry to track StaticStyle objects by their variable names.\n * Used to resolve base styles when extending.\n */\ntype StaticStyleRegistry = Record<\n  string,\n  {\n    styles: Styles;\n    className: string;\n  }\n>;\n\ninterface PluginState extends PluginPass {\n  staticStyleRegistry: StaticStyleRegistry;\n  /** Current source file path (for devMode source comments) */\n  sourceFile?: string;\n}\n\nfunction mtime(filePath: string): number | null {\n  try {\n    return fs.statSync(filePath).mtimeMs;\n  } catch {\n    return null;\n  }\n}\n\nfunction clearRequireCacheTree(filePath: string): void {\n  let resolved: string;\n\n  try {\n    resolved = require.resolve(filePath);\n  } catch {\n    return;\n  }\n\n  const mod = require.cache[resolved];\n\n  if (!mod) return;\n\n  const dir = resolved.substring(0, resolved.lastIndexOf('/'));\n\n  if (mod.children) {\n    for (const child of mod.children) {\n      if (child.id.startsWith(dir) && !child.id.includes('node_modules')) {\n        clearRequireCacheTree(child.id);\n      }\n    }\n  }\n\n  delete require.cache[resolved];\n}\n\n// @ts-expect-error PluginState vs PluginPass type mismatch in @babel/helper-plugin-utils\nexport default declare<TastyZeroBabelOptions>((api, options) => {\n  api.assertVersion(7);\n\n  const outputPath = options.output || 'tasty.css';\n  const configDeps = options.configDeps || [];\n\n  // Register external dependencies for babel-loader cache invalidation.\n  // When any configDeps file changes, babel-loader discards the cached\n  // transform result and re-runs the plugin, picking up fresh config.\n  if (configDeps.length > 0) {\n    api.cache.using(() => configDeps.map(mtime).join(','));\n\n    for (const dep of configDeps) {\n      (\n        api as unknown as { addExternalDependency(path: string): void }\n      ).addExternalDependency(dep);\n    }\n  } else {\n    api.cache.forever();\n  }\n\n  // When configDeps are set, use jiti to load TypeScript config files.\n  // Clear the require cache first so we always get fresh values.\n  if (configDeps.length > 0) {\n    for (const dep of configDeps) {\n      clearRequireCacheTree(dep);\n    }\n  }\n\n  const configOption = options.config;\n  const config: TastyZeroConfig =\n    typeof configOption === 'function' ? configOption() : configOption || {};\n  const devMode = config.devMode ?? false;\n\n  configure(config);\n\n  const cssWriter = new CSSWriter(outputPath, { devMode });\n\n  // Emit configured tokens as :root CSS custom properties\n  const tokenStyles = getGlobalConfigTokens();\n  if (tokenStyles && Object.keys(tokenStyles).length > 0) {\n    const result = extractStylesForSelector(':root', tokenStyles);\n    if (result.css) {\n      cssWriter.add(':root:tokens', result.css);\n    }\n  }\n\n  // Global registry for cross-file references (same build)\n  const globalRegistry: StaticStyleRegistry = {};\n\n  return {\n    name: 'tasty-zero',\n\n    pre(this: PluginState) {\n      // Initialize per-file registry\n      this.staticStyleRegistry = {};\n      // Extract source filename for devMode comments\n      if (devMode && this.filename) {\n        // Get relative path or just filename\n        this.sourceFile = this.filename.split('/').pop() || this.filename;\n      }\n    },\n\n    visitor: {\n      // Remove import statements for tasty/static\n      ImportDeclaration(path: NodePath<t.ImportDeclaration>) {\n        const source = path.node.source.value;\n\n        if (\n          source === '@tenphi/tasty/static' ||\n          source.endsWith('/tasty/static')\n        ) {\n          path.remove();\n        }\n      },\n\n      // Transform tastyStatic() calls\n      CallExpression(path: NodePath<t.CallExpression>, state: PluginState) {\n        const callee = path.node.callee;\n\n        // Match tastyStatic(...) calls\n        if (!t.isIdentifier(callee, { name: 'tastyStatic' })) {\n          return;\n        }\n\n        const args = path.node.arguments;\n\n        if (args.length === 0) {\n          throw path.buildCodeFrameError(\n            'tastyStatic() requires at least one argument',\n          );\n        }\n\n        const firstArg = args[0];\n\n        if (t.isStringLiteral(firstArg)) {\n          // Selector mode: tastyStatic(selector, styles)\n          handleSelectorMode(\n            path,\n            args,\n            cssWriter,\n            state.sourceFile,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isObjectExpression(firstArg)) {\n          // Styles mode: tastyStatic(styles)\n          handleStylesMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isIdentifier(firstArg)) {\n          // Extension mode: tastyStatic(base, styles)\n          handleExtensionMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else {\n          throw path.buildCodeFrameError(\n            'tastyStatic() first argument must be an object (styles), ' +\n              'identifier (base StaticStyle), or string (selector)',\n          );\n        }\n      },\n\n      // Track variable declarations to register StaticStyle objects\n      VariableDeclarator(\n        path: NodePath<t.VariableDeclarator>,\n        state: PluginState,\n      ) {\n        const init = path.node.init;\n        const id = path.node.id;\n\n        // Check if this is a StaticStyle object (has className and styles properties)\n        if (\n          t.isIdentifier(id) &&\n          t.isObjectExpression(init) &&\n          isStaticStyleObject(init)\n        ) {\n          const variableName = id.name;\n          const styles = extractStylesFromStaticStyleObject(init, path);\n          const className = extractClassNameFromStaticStyleObject(init);\n\n          if (styles && className) {\n            state.staticStyleRegistry[variableName] = { styles, className };\n            globalRegistry[variableName] = { styles, className };\n          }\n        }\n      },\n    },\n\n    post() {\n      // Write all collected CSS at the end of the build\n      if (cssWriter.size > 0) {\n        cssWriter.write();\n      }\n    },\n  };\n});\n\n/**\n * Check if an object expression looks like a StaticStyle object\n */\nfunction isStaticStyleObject(node: t.ObjectExpression): boolean {\n  const hasClassName = node.properties.some(\n    (p) =>\n      t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'className' }),\n  );\n  const hasStyles = node.properties.some(\n    (p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'styles' }),\n  );\n  return hasClassName && hasStyles;\n}\n\n/**\n * Extract styles object from a StaticStyle object expression\n */\nfunction extractStylesFromStaticStyleObject(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Styles | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'styles' }) &&\n      t.isObjectExpression(prop.value)\n    ) {\n      return evaluateObjectExpression(prop.value, path) as Styles;\n    }\n  }\n  return null;\n}\n\n/**\n * Extract className from a StaticStyle object expression\n */\nfunction extractClassNameFromStaticStyleObject(\n  node: t.ObjectExpression,\n): string | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'className' }) &&\n      t.isStringLiteral(prop.value)\n    ) {\n      return prop.value.value;\n    }\n  }\n  return null;\n}\n\n/**\n * Handle tastyStatic(styles) - returns StaticStyle object\n */\nfunction handleStylesMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  const stylesArg = args[0];\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(styles) argument must be a static object literal',\n    );\n  }\n\n  // Evaluate styles object at build time\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(styles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, styles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(path, className, styles, state, globalRegistry);\n}\n\n/**\n * Handle tastyStatic(base, styles) - extends base with additional styles\n */\nfunction handleExtensionMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) requires two arguments',\n    );\n  }\n\n  const baseArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isIdentifier(baseArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) first argument must be an identifier',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) second argument must be a static object literal',\n    );\n  }\n\n  const baseName = baseArg.name;\n\n  // Look up base styles in registry\n  const baseEntry =\n    state.staticStyleRegistry[baseName] || globalRegistry[baseName];\n\n  if (!baseEntry) {\n    throw path.buildCodeFrameError(\n      `Cannot find base StaticStyle '${baseName}'. ` +\n        'Make sure it is defined before being extended.',\n    );\n  }\n\n  // Evaluate override styles\n  const overrideStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Merge styles using mergeStyles, then resolve recipes\n  const mergedStyles = resolveRecipes(\n    mergeStyles(baseEntry.styles, overrideStyles),\n  );\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    mergedStyles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(mergedStyles, {\n    autoPropertyTypes,\n  });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(mergedStyles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(\n    path,\n    className,\n    mergedStyles,\n    state,\n    globalRegistry,\n  );\n}\n\n/**\n * Handle tastyStatic(selector, styles) - removes the call entirely\n */\nfunction handleSelectorMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  sourceFile?: string,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) requires two arguments',\n    );\n  }\n\n  const selectorArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isStringLiteral(selectorArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) first argument must be a string literal',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) second argument must be a static object literal',\n    );\n  }\n\n  const selector = selectorArg.value;\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, sourceFile);\n  }\n\n  // Extract styles for selector\n  const result = extractStylesForSelector(selector, styles);\n\n  // Replace animation names if needed and add CSS\n  const css =\n    nameMap.size > 0\n      ? replaceAnimationNamesInCSS(result.css, nameMap)\n      : result.css;\n  cssWriter.add(selector, css, sourceFile);\n\n  // Remove the entire statement\n  const parent = path.parentPath;\n  if (parent && t.isExpressionStatement(parent.node)) {\n    parent.remove();\n  } else {\n    // If used in an expression context (which would be incorrect usage),\n    // replace with undefined\n    path.replaceWith(t.identifier('undefined'));\n  }\n}\n\n/**\n * Create a StaticStyle object AST node\n */\nfunction createStaticStyleAST(\n  className: string,\n  styles: Styles,\n): t.ObjectExpression {\n  return t.objectExpression([\n    t.objectProperty(t.identifier('className'), t.stringLiteral(className)),\n    t.objectProperty(t.identifier('styles'), valueToAST(styles)),\n    t.objectMethod(\n      'method',\n      t.identifier('toString'),\n      [],\n      t.blockStatement([\n        t.returnStatement(\n          t.memberExpression(t.thisExpression(), t.identifier('className')),\n        ),\n      ]),\n    ),\n  ]);\n}\n\n/**\n * Register a StaticStyle in the registry if it's being assigned to a variable\n */\nfunction registerIfVariableDeclaration(\n  path: NodePath,\n  className: string,\n  styles: Styles,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n): void {\n  const parent = path.parentPath;\n  if (parent && t.isVariableDeclarator(parent.node)) {\n    const id = parent.node.id;\n    if (t.isIdentifier(id)) {\n      const variableName = id.name;\n      state.staticStyleRegistry[variableName] = { styles, className };\n      globalRegistry[variableName] = { styles, className };\n    }\n  }\n}\n\n/**\n * Convert a JavaScript value to an AST node\n */\nfunction valueToAST(value: unknown): t.Expression {\n  if (value === null) {\n    return t.nullLiteral();\n  }\n  if (value === undefined) {\n    return t.identifier('undefined');\n  }\n  if (typeof value === 'string') {\n    return t.stringLiteral(value);\n  }\n  if (typeof value === 'number') {\n    return t.numericLiteral(value);\n  }\n  if (typeof value === 'boolean') {\n    return t.booleanLiteral(value);\n  }\n  if (Array.isArray(value)) {\n    return t.arrayExpression(value.map(valueToAST));\n  }\n  if (typeof value === 'object') {\n    const properties = Object.entries(value).map(([key, val]) =>\n      t.objectProperty(\n        /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key)\n          ? t.identifier(key)\n          : t.stringLiteral(key),\n        valueToAST(val),\n      ),\n    );\n    return t.objectExpression(properties);\n  }\n  // Fallback for unsupported types\n  return t.identifier('undefined');\n}\n\n/**\n * Evaluate an ObjectExpression to a plain JavaScript object.\n * Only supports static values that can be determined at build time.\n */\nfunction evaluateObjectExpression(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const prop of node.properties) {\n    if (t.isSpreadElement(prop)) {\n      throw path.buildCodeFrameError(\n        'Spread elements are not supported in tastyStatic() - styles must be fully static',\n      );\n    }\n\n    if (!t.isObjectProperty(prop)) {\n      throw path.buildCodeFrameError(\n        'Only object properties are supported in tastyStatic()',\n      );\n    }\n\n    // Get key\n    let key: string;\n    if (t.isIdentifier(prop.key)) {\n      key = prop.key.name;\n    } else if (t.isStringLiteral(prop.key)) {\n      key = prop.key.value;\n    } else {\n      throw path.buildCodeFrameError(\n        'Dynamic property keys are not supported in tastyStatic()',\n      );\n    }\n\n    // Get value\n    const value = evaluateExpression(prop.value, path);\n    result[key] = value;\n  }\n\n  return result;\n}\n\n/**\n * Evaluate an expression to a JavaScript value.\n */\nfunction evaluateExpression(node: t.Node, path: NodePath): unknown {\n  if (t.isStringLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNumericLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isBooleanLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNullLiteral(node)) {\n    return null;\n  }\n\n  if (t.isIdentifier(node, { name: 'undefined' })) {\n    return undefined;\n  }\n\n  if (t.isArrayExpression(node)) {\n    return node.elements.map((el) => {\n      if (el === null) return null;\n      if (t.isSpreadElement(el)) {\n        throw path.buildCodeFrameError(\n          'Spread elements are not supported in tastyStatic()',\n        );\n      }\n      return evaluateExpression(el, path);\n    });\n  }\n\n  if (t.isObjectExpression(node)) {\n    return evaluateObjectExpression(node, path);\n  }\n\n  if (t.isTemplateLiteral(node)) {\n    // Only support template literals without expressions\n    if (node.expressions.length > 0) {\n      throw path.buildCodeFrameError(\n        'Template literals with expressions are not supported in tastyStatic()',\n      );\n    }\n    return node.quasis.map((q) => q.value.cooked).join('');\n  }\n\n  if (t.isUnaryExpression(node, { operator: '-' })) {\n    const arg = evaluateExpression(node.argument, path);\n    if (typeof arg === 'number') {\n      return -arg;\n    }\n  }\n\n  throw path.buildCodeFrameError(\n    `Dynamic expressions are not supported in tastyStatic() - got ${node.type}. ` +\n      'All values must be static literals.',\n  );\n}\n\n/**\n * Replace animation names in CSS string.\n * Wraps the keyframes replaceAnimationNames to work on full CSS blocks.\n */\nfunction replaceAnimationNamesInCSS(\n  css: string,\n  nameMap: Map<string, string>,\n): string {\n  if (nameMap.size === 0) return css;\n\n  // The CSS contains full rules like \".class { animation: name 1s; }\"\n  // We need to replace animation names within declaration blocks\n  return css.replace(\n    /(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n    (match, prop, value) => {\n      let newValue = value;\n      for (const [original, replacement] of nameMap) {\n        // Word boundary replacement\n        const pattern = new RegExp(`\\\\b${escapeRegex(original)}\\\\b`, 'g');\n        newValue = newValue.replace(pattern, replacement);\n      }\n      return `${prop}: ${newValue}`;\n    },\n  );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"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"}

package/docs/adoption.md

@@ -0,0 +1,286 @@
+# Adoption Guide
+
+Tasty is not a drop-in replacement for another styling library. It is a **substrate for building a design-system-defined styling language**. That means the adoption path is not "rewrite your classes" but "reshape your styling architecture."
+
+This guide is for design-system maintainers and platform engineers evaluating Tasty or introducing it into an existing codebase.
+
+---
+
+## Where Tasty sits in the stack
+
+Tasty is not the surface your product engineers interact with directly. It sits one layer below:
+
+```
+Product code
+  └─ DS components (Button, Card, Layout, ...)
+       └─ Tasty engine (tasty(), configure(), hooks)
+            └─ CSS (mutually exclusive selectors, tokens, custom properties)
+```
+
+**What Tasty owns:**
+- The DSL and value parser (tokens, custom units, auto-calc, color opacity)
+- State compilation (mutually exclusive selectors from state maps)
+- Style injection and deduplication (runtime or build-time)
+- The `tasty()` component factory and hooks API
+
+**What the DS team owns:**
+- Token names and values (colors, spacing, typography)
+- Custom units and their semantics
+- State aliases (`@mobile`, `@dark`, `@compact`)
+- Recipes (reusable style bundles)
+- Which style props each component exposes
+- Sub-element structure for compound components
+- The override and extension rules product teams follow
+
+Two teams using Tasty can end up with very different authoring models. That is by design.
+
+---
+
+## Who should adopt Tasty
+
+**Strong fit:**
+- A design-system or platform team that wants to define a governed styling language
+- Components with complex, intersecting states (hover + disabled + theme + breakpoint)
+- Teams that need deterministic style resolution without cascade/specificity bugs
+- Organizations where styling decisions should be centralized, not distributed
+
+**Not the right fit:**
+- Solo developers building a one-off app with minimal UI structure
+- Teams that want a shared utility vocabulary and direct markup authoring (Tailwind is better here)
+- Projects where low ceremony matters more than central governance
+- Codebases where intersecting state complexity is low
+
+For a detailed comparison with Tailwind, Panda CSS, vanilla-extract, StyleX, Stitches, and Emotion, see the [Comparison guide](comparison.md).
+
+---
+
+## What you are expected to define
+
+Tasty provides the engine. The DS team defines the language that runs on it. Here is what that typically involves:
+
+| Layer | What you define | Where |
+|-------|----------------|-------|
+| **Tokens** | Color names, spacing scale, border widths, radii | `configure({ tokens })` |
+| **Units** | Custom multiplier units (`x`, `r`, `bw`, or your own) | `configure({ units })` |
+| **State aliases** | Responsive breakpoints, theme modes, feature flags | `configure({ states })` |
+| **Recipes** | Reusable style bundles (card, elevated, input-reset) | `configure({ recipes })` |
+| **Typography** | Preset definitions (h1-h6, t1-t4, etc.) | `configure({ tokens: generateTypographyTokens(...) })` |
+| **Style props** | Which CSS properties each component exposes as React props | `styleProps` in each component |
+| **Sub-elements** | Inner parts of compound components (Title, Icon, Content) | `elements` + capitalized keys in `styles` |
+| **Override rules** | How product engineers extend or constrain components | Styled wrappers via `tasty(Base, { ... })` |
+
+The same engine can power a minimal design system with a handful of tokens:
+
+```tsx
+configure({
+  tokens: { '#bg': '#white', '#text': '#111' },
+  states: { '@dark': '@root(theme=dark)' },
+});
+```
+
+...or an enterprise-scale system with dozens of tokens, multiple state aliases, typography presets, recipes, and custom units. The scope is yours to decide.
+
+Here is how the layers connect end-to-end. The DS team configures the engine, defines components, and product engineers consume them:
+
+```tsx
+// ds/config.ts — DS team defines the language
+configure({
+  tokens: { '#primary': 'oklch(55% 0.25 265)', '#surface': '#fff', '#text': '#111' },
+  states: { '@mobile': '@media(w < 768px)', '@dark': '@root(schema=dark)' },
+  recipes: { card: { padding: '4x', fill: '#surface', radius: '1r', border: true } },
+});
+
+// ds/components/Card.tsx — DS team builds components on top
+const Card = tasty({
+  styles: {
+    recipe: 'card',
+    Title: { preset: 'h3', color: '#primary' },
+    Body: { preset: 't2', color: '#text' },
+  },
+  elements: { Title: 'h2', Body: 'div' },
+  styleProps: ['padding', 'fill'],
+});
+
+// app/Dashboard.tsx — product engineer uses the component
+<Card padding={{ '': '4x', '@mobile': '2x' }}>
+  <Card.Title>Monthly Revenue</Card.Title>
+  <Card.Body>$1.2M — up 12% from last month</Card.Body>
+</Card>
+```
+
+See [Configuration](configuration.md) for the full `configure()` API.
+
+---
+
+## Incremental adoption
+
+You do not need to adopt everything at once. Tasty is designed to be introduced layer by layer.
+
+### Phase 1 -- Tokens and units
+
+Start by defining your design tokens and custom units. This is the lowest-risk step: it only configures the parser and does not require rewriting any components.
+
+```tsx
+import { configure } from '@tenphi/tasty';
+
+configure({
+  tokens: {
+    '#primary': 'oklch(55% 0.25 265)',
+    '#surface': '#white',
+    '#text': '#111',
+    '$card-padding': '4x',
+  },
+  // Common units (x, r, bw, ow, cr) are built-in.
+  // A DS typically redefines them to use CSS custom properties
+  // so that the actual scale is controlled via CSS, not JS:
+  units: {
+    x: 'var(--gap)',   // 2x → calc(var(--gap) * 2)
+    r: 'var(--radius)',
+    bw: 'var(--border-width)',
+  },
+});
+```
+
+### Phase 2 -- State aliases and recipes
+
+Define the state vocabulary your components will share. This is where you start encoding your team's conventions.
+
+```tsx
+configure({
+  states: {
+    '@mobile': '@media(w < 768px)',
+    '@tablet': '@media(w < 1024px)',
+    '@dark': '@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))',
+  },
+  recipes: {
+    card: { padding: '4x', fill: '#surface', radius: '1r', border: true },
+    elevated: { shadow: '0 2x 4x #shadow' },
+  },
+});
+```
+
+### Phase 3 -- Migrate a few primitives
+
+Pick 2-3 simple, widely used components (Box, Text, Button) and rewrite them with `tasty()`. Keep the public API identical so product code does not need to change.
+
+```tsx
+const Box = tasty({
+  as: 'div',
+  styles: {
+    display: 'flex',
+    flow: 'column',
+    gap: '1x',
+  },
+  styleProps: ['gap', 'flow', 'padding', 'fill'],
+});
+```
+
+At this point you can validate the DSL, token workflow, and component authoring experience before committing further.
+
+### Phase 4 -- Encode complex states
+
+Move components with intersecting states (buttons with hover + disabled + theme variants, inputs with focus + error + readonly) to Tasty's state map syntax. This is where mutually exclusive selectors start paying off.
+
+```tsx
+const Button = tasty({
+  as: 'button',
+  styles: {
+    fill: {
+      '': '#primary',
+      ':hover': '#primary-hover',
+      ':active': '#primary-pressed',
+      // `disabled` is a data-attribute modifier → [data-disabled].
+      // Tasty auto-applies it from the native `disabled` attribute.
+      // `[disabled]` (attribute selector) also works here.
+      disabled: '#surface',
+    },
+    color: {
+      '': '#on-primary',
+      disabled: '#text.40',
+    },
+    cursor: {
+      '': 'pointer',
+      disabled: 'not-allowed',
+    },
+    transition: 'theme',
+  },
+});
+```
+
+### Phase 5 -- Standardize style props and sub-elements
+
+Define which style props each component category exposes. Layout components get flow/gap/padding. Interactive components get positioning. Compound components declare sub-elements.
+
+```tsx
+const Card = tasty({
+  styles: {
+    recipe: 'card elevated',
+    Title: { preset: 'h3', color: '#primary' },
+    Content: { color: '#text', preset: 't2' },
+  },
+  elements: { Title: 'h2', Content: 'div' },
+  styleProps: ['padding', 'fill', 'radius'],
+});
+```
+
+### Phase 6 -- Expand to full DS coverage
+
+Migrate the remaining components, add the [ESLint plugin](https://github.com/tenphi/eslint-plugin-tasty) to enforce style conventions at lint time, and consider [zero-runtime mode](tasty-static.md) for static or performance-critical pages.
+
+---
+
+## What changes for product engineers
+
+When a DS is powered by Tasty, product engineers typically interact with **components, not Tasty itself**. Here is what changes from their perspective:
+
+**They do not write CSS directly.** Styling decisions are embedded in the components the DS provides. Product code consumes components, tokens, and style props.
+
+**Overrides use styled wrappers.** Instead of passing one-off `className` or `style` props, product engineers extend components:
+
+```tsx
+import { tasty } from '@tenphi/tasty';
+import { Button } from 'my-ds';
+
+// Replace mode: providing '' (default) key replaces the parent's fill entirely
+const DangerButton = tasty(Button, {
+  styles: {
+    fill: { '': '#danger', ':hover': '#danger-hover' },
+  },
+});
+
+// Extend mode: omitting '' key preserves parent states and adds/overrides
+const LoadingButton = tasty(Button, {
+  styles: {
+    fill: {
+      loading: '#yellow',       // new state appended
+      disabled: '#gray.20',     // existing state overridden in place
+    },
+  },
+});
+```
+
+**Style props replace raw CSS.** Layout, spacing, and positioning are controlled through typed props on the components that expose them:
+
+```tsx
+<Space flow="row" gap="2x" placeItems="center">
+  <Title>Dashboard</Title>
+  <Button placeSelf="end">Add Item</Button>
+</Space>
+```
+
+**No cascade/specificity concerns.** Tasty's mutually exclusive selectors mean extending a component cannot accidentally break another. Import order, class name collisions, and specificity arithmetic are non-issues.
+
+---
+
+## Learn more
+
+- [README](../README.md) -- overview, quick start, and feature highlights
+- [Getting Started](getting-started.md) -- installation, first component, tooling setup
+- [Methodology](methodology.md) -- the recommended patterns for structuring Tasty components
+- [Building a Design System](design-system.md) -- practical guide to building a DS layer with Tasty
+- [Style DSL](dsl.md) -- state maps, tokens, units, extending semantics, keyframes, @property
+- [Runtime API](runtime.md) -- `tasty()` factory, component props, variants, sub-elements, hooks
+- [Configuration](configuration.md) -- tokens, recipes, custom units, style handlers, and TypeScript extensions
+- [Style Properties](styles.md) -- complete reference for all enhanced style properties
+- [Comparison](comparison.md) -- positioning and trade-offs vs. other styling systems
+- [Zero Runtime (tastyStatic)](tasty-static.md) -- build-time static styling with Babel plugin