@tenphi/tasty 1.5.3 → 2.0.0

package/dist/zero/babel.js

@@ -1,5 +1,5 @@
 import { __require } from "../_virtual/_rolldown/runtime.js";
-import { configure, getGlobalConfigTokens, resetConfig } from "../config.js";
+import { configure, getGlobalConfigTokens, getGlobalStyles, resetConfig } from "../config.js";
 import { mergeStyles } from "../utils/merge-styles.js";
 import { resolveRecipes } from "../utils/resolve-recipes.js";
 import { extractCounterStyleFromStyles, extractFontFaceFromStyles, extractKeyframesFromStyles, extractPropertiesFromStyles, extractStylesForSelector, extractStylesWithChunks } from "./extractor.js";
@@ -87,10 +87,12 @@ var babel_default = declare((api, options) => {
 		configure(resolvedConfig);
 		const newWriter = new CSSWriter(outputPath, { devMode });
 		if (mode !== "inject") {
-			const tokenStyles = getGlobalConfigTokens();
-			if (tokenStyles && Object.keys(tokenStyles).length > 0) {
-				const result = extractStylesForSelector(":root", tokenStyles);
-				if (result.css) newWriter.add(":root:tokens", result.css);
+			const tokenCSS = extractCSSFromStyles(":root", getGlobalConfigTokens());
+			if (tokenCSS) newWriter.add(":root:tokens", tokenCSS);
+			const globalStyles = getGlobalStyles();
+			if (globalStyles) for (const [selector, styles] of Object.entries(globalStyles)) {
+				const css = extractCSSFromStyles(selector, styles);
+				if (css) newWriter.add(`global:${selector}`, css);
 			}
 		}
 		writerCache.set(resolvedOutputPath, {
@@ -106,11 +108,17 @@ var babel_default = declare((api, options) => {
 	const config = entry.config;
 	const devMode = config.devMode ?? false;
 	let tokenCSS;
+	let globalStylesCSS;
 	if (mode === "inject") {
-		const tokenStyles = getGlobalConfigTokens();
-		if (tokenStyles && Object.keys(tokenStyles).length > 0) {
-			const result = extractStylesForSelector(":root", tokenStyles);
-			if (result.css) tokenCSS = result.css;
+		tokenCSS = extractCSSFromStyles(":root", getGlobalConfigTokens());
+		const gs = getGlobalStyles();
+		if (gs) {
+			globalStylesCSS = /* @__PURE__ */ new Map();
+			for (const [selector, styles] of Object.entries(gs)) {
+				const css = extractCSSFromStyles(selector, styles);
+				if (css) globalStylesCSS.set(selector, css);
+			}
+			if (globalStylesCSS.size === 0) globalStylesCSS = void 0;
 		}
 	}
 	return {
@@ -168,12 +176,20 @@ var babel_default = declare((api, options) => {
 		},
 		post() {
 			if (mode === "inject") {
-				if (this._fileAddedCSS && tokenCSS) {
+				if (this._fileAddedCSS && (tokenCSS || globalStylesCSS)) {
 					const program = this.file.ast.program;
-					const injectCall = createInjectCallAST(":root", tokenCSS);
 					let insertIndex = 0;
 					for (let i = 0; i < program.body.length; i++) if (t.isImportDeclaration(program.body[i])) insertIndex = i + 1;
-					program.body.splice(insertIndex, 0, t.expressionStatement(injectCall));
+					if (tokenCSS) {
+						const injectCall = createInjectCallAST(":root", tokenCSS);
+						program.body.splice(insertIndex, 0, t.expressionStatement(injectCall));
+						insertIndex++;
+					}
+					if (globalStylesCSS) for (const [selector, css] of globalStylesCSS) {
+						const injectCall = createInjectCallAST(selector, css);
+						program.body.splice(insertIndex, 0, t.expressionStatement(injectCall));
+						insertIndex++;
+					}
 				}
 				return;
 			}
@@ -318,6 +334,14 @@ function writeCSSToWriter(cssWriter, keyframes, properties, fontFaces, counterSt
 	}
 }
 /**
+* Extract CSS for a selector from a styles/tokens object.
+* Returns undefined when there are no styles or no CSS output.
+*/
+function extractCSSFromStyles(selector, styles) {
+	if (!styles || Object.keys(styles).length === 0) return void 0;
+	return extractStylesForSelector(selector, styles).css || void 0;
+}
+/**
 * Create an `_$i(id, css)` call expression AST node for inject mode.
 */
 function createInjectCallAST(id, css) {

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';\nimport * as path from 'path';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\nimport { createJiti } from 'jiti';\n\nimport { configure, getGlobalConfigTokens, resetConfig } 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  extractCounterStyleFromStyles,\n  extractFontFaceFromStyles,\n  extractKeyframesFromStyles,\n  extractPropertiesFromStyles,\n  extractStylesForSelector,\n  extractStylesWithChunks,\n} from './extractor';\nimport type {\n  ExtractedChunk,\n  ExtractedCounterStyle,\n  ExtractedFontFace,\n  ExtractedKeyframes,\n  ExtractedProperty,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type {\n  CounterStyleDescriptors,\n  FontFaceInput,\n  KeyframesSteps,\n} 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   * Global @font-face definitions for static extraction.\n   * Keys are font-family names, values are descriptors or arrays of descriptors.\n   */\n  fontFace?: Record<string, FontFaceInput>;\n  /**\n   * Global @counter-style definitions for static extraction.\n   * Keys are counter-style names, values are descriptor objects.\n   */\n  counterStyle?: Record<string, CounterStyleDescriptors>;\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 path to a TypeScript/JavaScript module that default-exports\n   * a `TastyZeroConfig` object. The module is loaded via jiti on each\n   * plugin invocation, enabling hot reload when the file changes.\n   *\n   * This option is JSON-serializable and is the primary way Turbopack\n   * passes config to the Babel plugin (since Turbopack loader options\n   * must be plain primitives/objects/arrays).\n   *\n   * When both `config` and `configFile` are set, `config` takes precedence.\n   *\n   * @example '/absolute/path/to/tasty-zero.config.ts'\n   */\n  configFile?: string;\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   * Automatically replace `@tenphi/tasty/static` imports with an import\n   * of the generated CSS file. This eliminates the need for users to\n   * manually import the CSS in their app entry point.\n   *\n   * @default true\n   */\n  injectImport?: boolean;\n  /**\n   * Output mode for extracted CSS.\n   *\n   * - `'file'` (default): CSS is written to a single output file and\n   *   the `@tenphi/tasty/static` import is rewritten to import that file.\n   * - `'inject'`: CSS is embedded inline in the JS output and injected\n   *   at runtime via a tiny injector from `@tenphi/tasty/static/inject`.\n   *   No CSS file is written. Each `tastyStatic` call becomes\n   *   self-contained. Best for reusable components and extensions.\n   *\n   * When `mode` is `'inject'`, `output` and `injectImport` are ignored.\n   *\n   * @default 'file'\n   */\n  mode?: 'file' | 'inject';\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  /** Whether this file added CSS blocks to the writer (via tastyStatic calls) */\n  _fileAddedCSS?: boolean;\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// Shared CSSWriter cache keyed by resolved output path.\n// Persists across per-file Babel invocations (Turbopack model) so that\n// CSS from all files accumulates instead of being overwritten.\ninterface WriterCacheEntry {\n  writer: CSSWriter;\n  configKey: string;\n  registry: StaticStyleRegistry;\n  config: TastyZeroConfig;\n}\nconst writerCache = new Map<string, WriterCacheEntry>();\n\n/** Clear the shared CSSWriter cache. Exposed for testing. */\nexport function clearWriterCache(): void {\n  writerCache.clear();\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 mode = options.mode ?? 'file';\n  const outputPath = options.output || 'tasty.css';\n  const resolvedOutputPath = path.resolve(outputPath);\n  const injectImport = options.injectImport ?? true;\n\n  if (mode === 'file' && injectImport) {\n    const dir = path.dirname(resolvedOutputPath);\n\n    if (!fs.existsSync(dir)) {\n      fs.mkdirSync(dir, { recursive: true });\n    }\n\n    if (!fs.existsSync(resolvedOutputPath)) {\n      fs.writeFileSync(\n        resolvedOutputPath,\n        '/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n',\n      );\n    }\n  }\n\n  const configDeps = [\n    ...(options.configFile ? [options.configFile] : []),\n    ...(options.configDeps || []),\n  ];\n\n  // Fingerprint for config deps — used to detect config changes\n  // and invalidate the shared CSSWriter cache.\n  const configKey =\n    configDeps.length > 0 ? configDeps.map(mtime).join(',') : '';\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(() => configKey);\n\n    for (const dep of configDeps) {\n      try {\n        (\n          api as unknown as { addExternalDependency(path: string): void }\n        ).addExternalDependency(dep);\n      } catch {\n        // addExternalDependency may not be available in all environments\n      }\n    }\n  } else {\n    api.cache.forever();\n  }\n\n  // When configDeps are set, clear the require cache so we get fresh values.\n  if (configDeps.length > 0) {\n    for (const dep of configDeps) {\n      clearRequireCacheTree(dep);\n    }\n  }\n\n  // Look up or create the shared CSSWriter for this output path.\n  // When config deps change (different configKey), discard the old writer\n  // and reset pipeline state so configure() can run again.\n  const cached = writerCache.get(resolvedOutputPath);\n  const configChanged = !cached || cached.configKey !== configKey;\n\n  if (configChanged) {\n    const configOption = options.config;\n    let resolvedConfig: TastyZeroConfig;\n\n    if (configOption) {\n      resolvedConfig =\n        typeof configOption === 'function' ? configOption() : configOption;\n    } else if (options.configFile) {\n      const jiti = createJiti(path.dirname(options.configFile), {\n        moduleCache: false,\n      });\n\n      resolvedConfig = jiti(options.configFile) as TastyZeroConfig;\n    } else {\n      resolvedConfig = {};\n    }\n\n    const devMode = resolvedConfig.devMode ?? false;\n\n    if (cached) {\n      resetConfig();\n    }\n\n    configure(resolvedConfig);\n\n    const newWriter = new CSSWriter(outputPath, { devMode });\n\n    // Emit configured tokens as :root CSS custom properties (file mode only;\n    // inject mode handles token injection per-file in the post hook).\n    if (mode !== 'inject') {\n      const tokenStyles = getGlobalConfigTokens();\n      if (tokenStyles && Object.keys(tokenStyles).length > 0) {\n        const result = extractStylesForSelector(':root', tokenStyles);\n        if (result.css) {\n          newWriter.add(':root:tokens', result.css);\n        }\n      }\n    }\n\n    writerCache.set(resolvedOutputPath, {\n      writer: newWriter,\n      configKey,\n      registry: {},\n      config: resolvedConfig,\n    });\n  }\n\n  const entry = writerCache.get(resolvedOutputPath)!;\n  const cssWriter = entry.writer;\n  const globalRegistry = entry.registry;\n  const config = entry.config;\n  const devMode = config.devMode ?? false;\n\n  // Precompute token CSS for inject mode\n  let tokenCSS: string | undefined;\n  if (mode === 'inject') {\n    const tokenStyles = getGlobalConfigTokens();\n    if (tokenStyles && Object.keys(tokenStyles).length > 0) {\n      const result = extractStylesForSelector(':root', tokenStyles);\n      if (result.css) {\n        tokenCSS = result.css;\n      }\n    }\n  }\n\n  return {\n    name: 'tasty-zero',\n\n    pre(this: PluginState) {\n      // Initialize per-file registry\n      this.staticStyleRegistry = {};\n      this._fileAddedCSS = false;\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      ImportDeclaration(\n        nodePath: NodePath<t.ImportDeclaration>,\n        state: PluginState,\n      ) {\n        const source = nodePath.node.source.value;\n\n        if (\n          source === '@tenphi/tasty/static' ||\n          source.endsWith('/tasty/static')\n        ) {\n          if (mode === 'inject') {\n            nodePath.replaceWith(\n              t.importDeclaration(\n                [\n                  t.importSpecifier(\n                    t.identifier('_$i'),\n                    t.identifier('injectCSS'),\n                  ),\n                ],\n                t.stringLiteral('@tenphi/tasty/static/inject'),\n              ),\n            );\n          } else if (injectImport) {\n            let importPath = resolvedOutputPath;\n\n            if (state.filename) {\n              const sourceDir = path.dirname(state.filename);\n              importPath = path.relative(sourceDir, resolvedOutputPath);\n\n              if (!importPath.startsWith('.')) {\n                importPath = './' + importPath;\n              }\n            }\n\n            nodePath.replaceWith(\n              t.importDeclaration([], t.stringLiteral(importPath)),\n            );\n          } else {\n            nodePath.remove();\n          }\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        state._fileAddedCSS = true;\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            mode,\n            state.sourceFile,\n            config.keyframes,\n            config.autoPropertyTypes,\n            config.fontFace,\n            config.counterStyle,\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            mode,\n            config.keyframes,\n            config.autoPropertyTypes,\n            config.fontFace,\n            config.counterStyle,\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            mode,\n            config.keyframes,\n            config.autoPropertyTypes,\n            config.fontFace,\n            config.counterStyle,\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(this: PluginState) {\n      if (mode === 'inject') {\n        // In inject mode, inject token CSS as a top-level statement\n        // when this file had tastyStatic calls and tokens are configured.\n        if (this._fileAddedCSS && tokenCSS) {\n          const program = this.file.ast.program;\n          const injectCall = createInjectCallAST(':root', tokenCSS);\n\n          // Find the position after the inject import to insert the token call\n          let insertIndex = 0;\n          for (let i = 0; i < program.body.length; i++) {\n            if (t.isImportDeclaration(program.body[i])) {\n              insertIndex = i + 1;\n            }\n          }\n\n          program.body.splice(\n            insertIndex,\n            0,\n            t.expressionStatement(injectCall),\n          );\n        }\n        return;\n      }\n\n      // Only write when this file contributed CSS (had tastyStatic calls).\n      // In Turbopack, separate workers each have their own CSSWriter with\n      // only token CSS. Letting those workers write would overwrite the\n      // complete CSS produced by the worker that processed tastyStatic files.\n      if (this._fileAddedCSS && 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  mode: 'file' | 'inject',\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n  globalFontFace?: Record<string, FontFaceInput>,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors>,\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  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n  // Extract @font-face rules\n  const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n  // Extract @counter-style rules\n  const counterStyles = extractCounterStyleFromStyles(\n    styles,\n    globalCounterStyle,\n  );\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(styles);\n\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n  const staticStyleObject = createStaticStyleAST(className, styles);\n\n  if (mode === 'inject') {\n    const allCSS = collectAllCSS(\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n    );\n    const injectCall = createInjectCallAST(className, allCSS);\n\n    path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n  } else {\n    writeCSSToWriter(\n      cssWriter,\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n      state.sourceFile,\n    );\n    path.replaceWith(staticStyleObject);\n  }\n\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  mode: 'file' | 'inject',\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n  globalFontFace?: Record<string, FontFaceInput>,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors>,\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  // Extract auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(mergedStyles, {\n    autoPropertyTypes,\n  });\n\n  // Extract @font-face rules\n  const fontFaces = extractFontFaceFromStyles(mergedStyles, globalFontFace);\n\n  // Extract @counter-style rules\n  const counterStyles = extractCounterStyleFromStyles(\n    mergedStyles,\n    globalCounterStyle,\n  );\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(mergedStyles);\n\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n  const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n\n  if (mode === 'inject') {\n    const allCSS = collectAllCSS(\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n    );\n    const injectCall = createInjectCallAST(className, allCSS);\n\n    path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n  } else {\n    writeCSSToWriter(\n      cssWriter,\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n      state.sourceFile,\n    );\n    path.replaceWith(staticStyleObject);\n  }\n\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  mode: 'file' | 'inject',\n  sourceFile?: string,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n  globalFontFace?: Record<string, FontFaceInput>,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors>,\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  // Extract auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n  // Extract @font-face rules\n  const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n  // Extract @counter-style rules\n  const counterStyles = extractCounterStyleFromStyles(\n    styles,\n    globalCounterStyle,\n  );\n\n  // Extract styles for selector\n  const result = extractStylesForSelector(selector, styles);\n\n  const selectorCSS =\n    nameMap.size > 0\n      ? replaceAnimationNamesInCSS(result.css, nameMap)\n      : result.css;\n\n  if (mode === 'inject') {\n    const cssParts: string[] = [];\n\n    for (const kf of keyframes) cssParts.push(kf.css);\n    for (const prop of properties) cssParts.push(prop.css);\n    for (const ff of fontFaces) cssParts.push(ff.css);\n    for (const cs of counterStyles) cssParts.push(cs.css);\n    cssParts.push(selectorCSS);\n\n    const injectCall = createInjectCallAST(selector, cssParts.join('\\n'));\n\n    const parent = path.parentPath;\n    if (parent && t.isExpressionStatement(parent.node)) {\n      parent.replaceWith(t.expressionStatement(injectCall));\n    } else {\n      path.replaceWith(injectCall);\n    }\n  } else {\n    writeCSSToWriter(\n      cssWriter,\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      [],\n      nameMap,\n      sourceFile,\n    );\n    cssWriter.add(selector, selectorCSS, sourceFile);\n\n    const parent = path.parentPath;\n    if (parent && t.isExpressionStatement(parent.node)) {\n      parent.remove();\n    } else {\n      path.replaceWith(t.identifier('undefined'));\n    }\n  }\n}\n\n/**\n * Collect all extracted CSS parts into a single string (for inject mode).\n */\nfunction collectAllCSS(\n  keyframes: ExtractedKeyframes[],\n  properties: ExtractedProperty[],\n  fontFaces: ExtractedFontFace[],\n  counterStyles: ExtractedCounterStyle[],\n  chunks: ExtractedChunk[],\n  nameMap: Map<string, string>,\n): string {\n  const parts: string[] = [];\n\n  for (const kf of keyframes) parts.push(kf.css);\n  for (const prop of properties) parts.push(prop.css);\n  for (const ff of fontFaces) parts.push(ff.css);\n  for (const cs of counterStyles) parts.push(cs.css);\n\n  for (const chunk of chunks) {\n    parts.push(\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css,\n    );\n  }\n\n  return parts.join('\\n');\n}\n\n/**\n * Write all extracted CSS parts to a CSSWriter (for file mode).\n */\nfunction writeCSSToWriter(\n  cssWriter: CSSWriter,\n  keyframes: ExtractedKeyframes[],\n  properties: ExtractedProperty[],\n  fontFaces: ExtractedFontFace[],\n  counterStyles: ExtractedCounterStyle[],\n  chunks: ExtractedChunk[],\n  nameMap: Map<string, string>,\n  sourceFile?: string,\n): void {\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, sourceFile);\n  }\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, sourceFile);\n  }\n  for (const ff of fontFaces) {\n    cssWriter.add(ff.css, ff.css, sourceFile);\n  }\n  for (const cs of counterStyles) {\n    cssWriter.add(cs.css, cs.css, sourceFile);\n  }\n\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, sourceFile);\n  }\n}\n\n/**\n * Create an `_$i(id, css)` call expression AST node for inject mode.\n */\nfunction createInjectCallAST(id: string, css: string): t.CallExpression {\n  return t.callExpression(t.identifier('_$i'), [\n    t.stringLiteral(id),\n    t.stringLiteral(css),\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';\nimport * as path from 'path';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\nimport { createJiti } from 'jiti';\n\nimport {\n  configure,\n  getGlobalStyles,\n  getGlobalConfigTokens,\n  resetConfig,\n} from '../config';\nimport type { TastyConfig } from '../config';\nimport type { Styles, ConfigTokens } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { resolveRecipes } from '../utils/resolve-recipes';\n\nimport { CSSWriter } from './css-writer';\nimport {\n  extractCounterStyleFromStyles,\n  extractFontFaceFromStyles,\n  extractKeyframesFromStyles,\n  extractPropertiesFromStyles,\n  extractStylesForSelector,\n  extractStylesWithChunks,\n} from './extractor';\nimport type {\n  ExtractedChunk,\n  ExtractedCounterStyle,\n  ExtractedFontFace,\n  ExtractedKeyframes,\n  ExtractedProperty,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type {\n  CounterStyleDescriptors,\n  FontFaceInput,\n  KeyframesSteps,\n} from '../injector/types';\n\n/**\n * Build-time configuration for zero-runtime mode.\n * Subset of TastyConfig excluding runtime-only DOM options\n * (`nonce`, `maxRulesPerSheet`, `forceTextInjection`, `gc`)\n * and overriding `devMode` default to `false`.\n */\nexport type TastyZeroConfig = Omit<\n  TastyConfig,\n  'nonce' | 'maxRulesPerSheet' | 'forceTextInjection' | 'gc' | 'devMode'\n> & {\n  /**\n   * Enable development mode features: source comments in generated CSS.\n   * @default false\n   */\n  devMode?: 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 path to a TypeScript/JavaScript module that default-exports\n   * a `TastyZeroConfig` object. The module is loaded via jiti on each\n   * plugin invocation, enabling hot reload when the file changes.\n   *\n   * This option is JSON-serializable and is the primary way Turbopack\n   * passes config to the Babel plugin (since Turbopack loader options\n   * must be plain primitives/objects/arrays).\n   *\n   * When both `config` and `configFile` are set, `config` takes precedence.\n   *\n   * @example '/absolute/path/to/tasty-zero.config.ts'\n   */\n  configFile?: string;\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   * Automatically replace `@tenphi/tasty/static` imports with an import\n   * of the generated CSS file. This eliminates the need for users to\n   * manually import the CSS in their app entry point.\n   *\n   * @default true\n   */\n  injectImport?: boolean;\n  /**\n   * Output mode for extracted CSS.\n   *\n   * - `'file'` (default): CSS is written to a single output file and\n   *   the `@tenphi/tasty/static` import is rewritten to import that file.\n   * - `'inject'`: CSS is embedded inline in the JS output and injected\n   *   at runtime via a tiny injector from `@tenphi/tasty/static/inject`.\n   *   No CSS file is written. Each `tastyStatic` call becomes\n   *   self-contained. Best for reusable components and extensions.\n   *\n   * When `mode` is `'inject'`, `output` and `injectImport` are ignored.\n   *\n   * @default 'file'\n   */\n  mode?: 'file' | 'inject';\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  /** Whether this file added CSS blocks to the writer (via tastyStatic calls) */\n  _fileAddedCSS?: boolean;\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// Shared CSSWriter cache keyed by resolved output path.\n// Persists across per-file Babel invocations (Turbopack model) so that\n// CSS from all files accumulates instead of being overwritten.\ninterface WriterCacheEntry {\n  writer: CSSWriter;\n  configKey: string;\n  registry: StaticStyleRegistry;\n  config: TastyZeroConfig;\n}\nconst writerCache = new Map<string, WriterCacheEntry>();\n\n/** Clear the shared CSSWriter cache. Exposed for testing. */\nexport function clearWriterCache(): void {\n  writerCache.clear();\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 mode = options.mode ?? 'file';\n  const outputPath = options.output || 'tasty.css';\n  const resolvedOutputPath = path.resolve(outputPath);\n  const injectImport = options.injectImport ?? true;\n\n  if (mode === 'file' && injectImport) {\n    const dir = path.dirname(resolvedOutputPath);\n\n    if (!fs.existsSync(dir)) {\n      fs.mkdirSync(dir, { recursive: true });\n    }\n\n    if (!fs.existsSync(resolvedOutputPath)) {\n      fs.writeFileSync(\n        resolvedOutputPath,\n        '/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n',\n      );\n    }\n  }\n\n  const configDeps = [\n    ...(options.configFile ? [options.configFile] : []),\n    ...(options.configDeps || []),\n  ];\n\n  // Fingerprint for config deps — used to detect config changes\n  // and invalidate the shared CSSWriter cache.\n  const configKey =\n    configDeps.length > 0 ? configDeps.map(mtime).join(',') : '';\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(() => configKey);\n\n    for (const dep of configDeps) {\n      try {\n        (\n          api as unknown as { addExternalDependency(path: string): void }\n        ).addExternalDependency(dep);\n      } catch {\n        // addExternalDependency may not be available in all environments\n      }\n    }\n  } else {\n    api.cache.forever();\n  }\n\n  // When configDeps are set, clear the require cache so we get fresh values.\n  if (configDeps.length > 0) {\n    for (const dep of configDeps) {\n      clearRequireCacheTree(dep);\n    }\n  }\n\n  // Look up or create the shared CSSWriter for this output path.\n  // When config deps change (different configKey), discard the old writer\n  // and reset pipeline state so configure() can run again.\n  const cached = writerCache.get(resolvedOutputPath);\n  const configChanged = !cached || cached.configKey !== configKey;\n\n  if (configChanged) {\n    const configOption = options.config;\n    let resolvedConfig: TastyZeroConfig;\n\n    if (configOption) {\n      resolvedConfig =\n        typeof configOption === 'function' ? configOption() : configOption;\n    } else if (options.configFile) {\n      const jiti = createJiti(path.dirname(options.configFile), {\n        moduleCache: false,\n      });\n\n      resolvedConfig = jiti(options.configFile) as TastyZeroConfig;\n    } else {\n      resolvedConfig = {};\n    }\n\n    const devMode = resolvedConfig.devMode ?? false;\n\n    if (cached) {\n      resetConfig();\n    }\n\n    configure(resolvedConfig);\n\n    const newWriter = new CSSWriter(outputPath, { devMode });\n\n    // Emit configured tokens and global styles (file mode only;\n    // inject mode handles injection per-file in the post hook).\n    if (mode !== 'inject') {\n      const tokenCSS = extractCSSFromStyles(':root', getGlobalConfigTokens());\n      if (tokenCSS) newWriter.add(':root:tokens', tokenCSS);\n\n      const globalStyles = getGlobalStyles();\n      if (globalStyles) {\n        for (const [selector, styles] of Object.entries(globalStyles)) {\n          const css = extractCSSFromStyles(selector, styles);\n          if (css) newWriter.add(`global:${selector}`, css);\n        }\n      }\n    }\n\n    writerCache.set(resolvedOutputPath, {\n      writer: newWriter,\n      configKey,\n      registry: {},\n      config: resolvedConfig,\n    });\n  }\n\n  const entry = writerCache.get(resolvedOutputPath)!;\n  const cssWriter = entry.writer;\n  const globalRegistry = entry.registry;\n  const config = entry.config;\n  const devMode = config.devMode ?? false;\n\n  // Precompute token CSS and global styles CSS for inject mode\n  let tokenCSS: string | undefined;\n  let globalStylesCSS: Map<string, string> | undefined;\n  if (mode === 'inject') {\n    tokenCSS = extractCSSFromStyles(':root', getGlobalConfigTokens());\n    const gs = getGlobalStyles();\n    if (gs) {\n      globalStylesCSS = new Map();\n      for (const [selector, styles] of Object.entries(gs)) {\n        const css = extractCSSFromStyles(selector, styles);\n        if (css) globalStylesCSS.set(selector, css);\n      }\n      if (globalStylesCSS.size === 0) globalStylesCSS = undefined;\n    }\n  }\n\n  return {\n    name: 'tasty-zero',\n\n    pre(this: PluginState) {\n      // Initialize per-file registry\n      this.staticStyleRegistry = {};\n      this._fileAddedCSS = false;\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      ImportDeclaration(\n        nodePath: NodePath<t.ImportDeclaration>,\n        state: PluginState,\n      ) {\n        const source = nodePath.node.source.value;\n\n        if (\n          source === '@tenphi/tasty/static' ||\n          source.endsWith('/tasty/static')\n        ) {\n          if (mode === 'inject') {\n            nodePath.replaceWith(\n              t.importDeclaration(\n                [\n                  t.importSpecifier(\n                    t.identifier('_$i'),\n                    t.identifier('injectCSS'),\n                  ),\n                ],\n                t.stringLiteral('@tenphi/tasty/static/inject'),\n              ),\n            );\n          } else if (injectImport) {\n            let importPath = resolvedOutputPath;\n\n            if (state.filename) {\n              const sourceDir = path.dirname(state.filename);\n              importPath = path.relative(sourceDir, resolvedOutputPath);\n\n              if (!importPath.startsWith('.')) {\n                importPath = './' + importPath;\n              }\n            }\n\n            nodePath.replaceWith(\n              t.importDeclaration([], t.stringLiteral(importPath)),\n            );\n          } else {\n            nodePath.remove();\n          }\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        state._fileAddedCSS = true;\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            mode,\n            state.sourceFile,\n            config.keyframes,\n            config.autoPropertyTypes,\n            config.fontFace,\n            config.counterStyle,\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            mode,\n            config.keyframes,\n            config.autoPropertyTypes,\n            config.fontFace,\n            config.counterStyle,\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            mode,\n            config.keyframes,\n            config.autoPropertyTypes,\n            config.fontFace,\n            config.counterStyle,\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(this: PluginState) {\n      if (mode === 'inject') {\n        // In inject mode, inject token/global CSS as top-level statements\n        // when this file had tastyStatic calls and config CSS exists.\n        if (this._fileAddedCSS && (tokenCSS || globalStylesCSS)) {\n          const program = this.file.ast.program;\n\n          // Find the position after the inject import\n          let insertIndex = 0;\n          for (let i = 0; i < program.body.length; i++) {\n            if (t.isImportDeclaration(program.body[i])) {\n              insertIndex = i + 1;\n            }\n          }\n\n          if (tokenCSS) {\n            const injectCall = createInjectCallAST(':root', tokenCSS);\n            program.body.splice(\n              insertIndex,\n              0,\n              t.expressionStatement(injectCall),\n            );\n            insertIndex++;\n          }\n\n          if (globalStylesCSS) {\n            for (const [selector, css] of globalStylesCSS) {\n              const injectCall = createInjectCallAST(selector, css);\n              program.body.splice(\n                insertIndex,\n                0,\n                t.expressionStatement(injectCall),\n              );\n              insertIndex++;\n            }\n          }\n        }\n        return;\n      }\n\n      // Only write when this file contributed CSS (had tastyStatic calls).\n      // In Turbopack, separate workers each have their own CSSWriter with\n      // only token CSS. Letting those workers write would overwrite the\n      // complete CSS produced by the worker that processed tastyStatic files.\n      if (this._fileAddedCSS && 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  mode: 'file' | 'inject',\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n  globalFontFace?: Record<string, FontFaceInput>,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors>,\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  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n  // Extract @font-face rules\n  const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n  // Extract @counter-style rules\n  const counterStyles = extractCounterStyleFromStyles(\n    styles,\n    globalCounterStyle,\n  );\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(styles);\n\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n  const staticStyleObject = createStaticStyleAST(className, styles);\n\n  if (mode === 'inject') {\n    const allCSS = collectAllCSS(\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n    );\n    const injectCall = createInjectCallAST(className, allCSS);\n\n    path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n  } else {\n    writeCSSToWriter(\n      cssWriter,\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n      state.sourceFile,\n    );\n    path.replaceWith(staticStyleObject);\n  }\n\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  mode: 'file' | 'inject',\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n  globalFontFace?: Record<string, FontFaceInput>,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors>,\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  // Extract auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(mergedStyles, {\n    autoPropertyTypes,\n  });\n\n  // Extract @font-face rules\n  const fontFaces = extractFontFaceFromStyles(mergedStyles, globalFontFace);\n\n  // Extract @counter-style rules\n  const counterStyles = extractCounterStyleFromStyles(\n    mergedStyles,\n    globalCounterStyle,\n  );\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(mergedStyles);\n\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n  const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n\n  if (mode === 'inject') {\n    const allCSS = collectAllCSS(\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n    );\n    const injectCall = createInjectCallAST(className, allCSS);\n\n    path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n  } else {\n    writeCSSToWriter(\n      cssWriter,\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      chunks,\n      nameMap,\n      state.sourceFile,\n    );\n    path.replaceWith(staticStyleObject);\n  }\n\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  mode: 'file' | 'inject',\n  sourceFile?: string,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n  globalFontFace?: Record<string, FontFaceInput>,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors>,\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  // Extract auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n  // Extract @font-face rules\n  const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n  // Extract @counter-style rules\n  const counterStyles = extractCounterStyleFromStyles(\n    styles,\n    globalCounterStyle,\n  );\n\n  // Extract styles for selector\n  const result = extractStylesForSelector(selector, styles);\n\n  const selectorCSS =\n    nameMap.size > 0\n      ? replaceAnimationNamesInCSS(result.css, nameMap)\n      : result.css;\n\n  if (mode === 'inject') {\n    const cssParts: string[] = [];\n\n    for (const kf of keyframes) cssParts.push(kf.css);\n    for (const prop of properties) cssParts.push(prop.css);\n    for (const ff of fontFaces) cssParts.push(ff.css);\n    for (const cs of counterStyles) cssParts.push(cs.css);\n    cssParts.push(selectorCSS);\n\n    const injectCall = createInjectCallAST(selector, cssParts.join('\\n'));\n\n    const parent = path.parentPath;\n    if (parent && t.isExpressionStatement(parent.node)) {\n      parent.replaceWith(t.expressionStatement(injectCall));\n    } else {\n      path.replaceWith(injectCall);\n    }\n  } else {\n    writeCSSToWriter(\n      cssWriter,\n      keyframes,\n      properties,\n      fontFaces,\n      counterStyles,\n      [],\n      nameMap,\n      sourceFile,\n    );\n    cssWriter.add(selector, selectorCSS, sourceFile);\n\n    const parent = path.parentPath;\n    if (parent && t.isExpressionStatement(parent.node)) {\n      parent.remove();\n    } else {\n      path.replaceWith(t.identifier('undefined'));\n    }\n  }\n}\n\n/**\n * Collect all extracted CSS parts into a single string (for inject mode).\n */\nfunction collectAllCSS(\n  keyframes: ExtractedKeyframes[],\n  properties: ExtractedProperty[],\n  fontFaces: ExtractedFontFace[],\n  counterStyles: ExtractedCounterStyle[],\n  chunks: ExtractedChunk[],\n  nameMap: Map<string, string>,\n): string {\n  const parts: string[] = [];\n\n  for (const kf of keyframes) parts.push(kf.css);\n  for (const prop of properties) parts.push(prop.css);\n  for (const ff of fontFaces) parts.push(ff.css);\n  for (const cs of counterStyles) parts.push(cs.css);\n\n  for (const chunk of chunks) {\n    parts.push(\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css,\n    );\n  }\n\n  return parts.join('\\n');\n}\n\n/**\n * Write all extracted CSS parts to a CSSWriter (for file mode).\n */\nfunction writeCSSToWriter(\n  cssWriter: CSSWriter,\n  keyframes: ExtractedKeyframes[],\n  properties: ExtractedProperty[],\n  fontFaces: ExtractedFontFace[],\n  counterStyles: ExtractedCounterStyle[],\n  chunks: ExtractedChunk[],\n  nameMap: Map<string, string>,\n  sourceFile?: string,\n): void {\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, sourceFile);\n  }\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, sourceFile);\n  }\n  for (const ff of fontFaces) {\n    cssWriter.add(ff.css, ff.css, sourceFile);\n  }\n  for (const cs of counterStyles) {\n    cssWriter.add(cs.css, cs.css, sourceFile);\n  }\n\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, sourceFile);\n  }\n}\n\n/**\n * Extract CSS for a selector from a styles/tokens object.\n * Returns undefined when there are no styles or no CSS output.\n */\nfunction extractCSSFromStyles(\n  selector: string,\n  styles: Styles | ConfigTokens | null,\n): string | undefined {\n  if (!styles || Object.keys(styles).length === 0) return undefined;\n  const result = extractStylesForSelector(selector, styles as Styles);\n  return result.css || undefined;\n}\n\n/**\n * Create an `_$i(id, css)` call expression AST node for inject mode.\n */\nfunction createInjectCallAST(id: string, css: string): t.CallExpression {\n  return t.callExpression(t.identifier('_$i'), [\n    t.stringLiteral(id),\n    t.stringLiteral(css),\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/README.md

@@ -11,13 +11,13 @@ Tasty is a styling engine for design systems that turns component state into det
 
 ## By Role
 
-- **Application developer using an existing design system**: [Getting Started](getting-started.md), then [Runtime API](runtime.md).
+- **Application developer using an existing design system**: [Getting Started](getting-started.md), then [React API](react-api.md).
 - **Design-system author**: [Methodology](methodology.md), [Building a Design System](design-system.md), [Configuration](configuration.md), and [Adoption Guide](adoption.md).
 - **Platform or tooling engineer**: [Configuration](configuration.md), [Zero Runtime (tastyStatic)](tasty-static.md), [Server-Side Rendering](ssr.md), and [Debug Utilities](debug.md).
 
 ## By Styling Approach
 
-- **Runtime React components**: [Runtime API](runtime.md)
+- **React components**: [React API](react-api.md)
 - **Zero-runtime / build-time extraction**: [Zero Runtime (tastyStatic)](tasty-static.md)
 - **Runtime `tasty()` with server collection and hydration**: [Server-Side Rendering](ssr.md)
 

package/docs/adoption.md

@@ -13,7 +13,7 @@ Tasty is not the surface your product engineers interact with directly. It sits
 ```
 Product code
   └─ DS components (Button, Card, Layout, ...)
-       └─ Tasty engine (tasty(), configure(), hooks)
+       └─ Tasty engine (tasty(), configure(), style functions)
             └─ CSS (mutually exclusive selectors, tokens, custom properties)
 ```
 
@@ -64,7 +64,7 @@ Tasty provides the engine. The DS team defines the language that runs on it. Her
 | **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(...) })` |
+| **Typography** | Preset definitions (h1-h6, t1-t4, etc.) | `configure({ presets: { ... } })` |
 | **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, { ... })` |
@@ -270,6 +270,8 @@ const LoadingButton = tasty(Button, {
 </Space>
 ```
 
+**Components are server components by default.** All `tasty()` components and style functions are hook-free, so they work as React Server Components without `'use client'`. In server-only contexts (Next.js RSC, Astro without `client:*` directives), they produce zero client JavaScript. Product engineers only add `'use client'` when their component needs actual React interactivity (state, effects, event handlers), never because of styling.
+
 **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.
 
 ---
@@ -289,7 +291,7 @@ const LoadingButton = tasty(Button, {
 - [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, style functions
+- [React API](react-api.md) -- `tasty()` factory, component props, variants, sub-elements, style functions
 - [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

package/docs/comparison.md

@@ -29,14 +29,14 @@ That is why syntax-level comparisons are often shallow. The more meaningful comp
 
 ## High-level positioning
 
-| System | Best described as | Main authoring model | Conflict model | Best fit |
-|---|---|---|---|---|
-| **Tasty** | Design-system styling engine | Custom DSL with tokens, state maps, recipes, style props, sub-elements, custom units | **Mutually exclusive selector resolution** for stateful styles | Teams building shared component APIs or a house styling language |
-| **Tailwind CSS** | Utility-first styling framework | Utility classes in markup | Utility composition, variants, and framework-controlled ordering | Product teams optimizing for speed and direct authoring |
-| **Panda CSS** | Typed styling engine with atomic output | Typed style objects, recipes, generated primitives, style props | Atomic CSS with static analysis | Teams wanting a DS-friendly engine with typed primitives |
-| **vanilla-extract** | Zero-runtime TS-native stylesheet system | `.css.ts` files, theme contracts, style composition | Standard CSS semantics | Teams wanting static CSS and low-level control |
-| **StyleX** | Compiler-based atomic styling system | JS authoring with compiler-generated atomic CSS | Compiler-controlled atomic composition | Large app teams wanting optimized, predictable atomic styling |
-| **Stitches** (deprecated) **/ Emotion** | Component-first CSS-in-JS | Styled components, `css()` APIs, object/string styles | Composition within CSS-in-JS rules | Teams optimizing for component DX and flexible styling |
+| System | Best described as | Main authoring model | Conflict model | RSC / zero-JS SSG | Best fit |
+|---|---|---|---|---|---|
+| **Tasty** | Design-system styling engine | Custom DSL with tokens, state maps, recipes, style props, sub-elements, custom units | **Mutually exclusive selector resolution** for stateful styles | Yes — hook-free, server components by default | Teams building shared component APIs or a house styling language |
+| **Tailwind CSS** | Utility-first styling framework | Utility classes in markup | Utility composition, variants, and framework-controlled ordering | Yes — no JS runtime | Product teams optimizing for speed and direct authoring |
+| **Panda CSS** | Typed styling engine with atomic output | Typed style objects, recipes, generated primitives, style props | Atomic CSS with static analysis | Yes — build-time extraction | Teams wanting a DS-friendly engine with typed primitives |
+| **vanilla-extract** | Zero-runtime TS-native stylesheet system | `.css.ts` files, theme contracts, style composition | Standard CSS semantics | Yes — build-time extraction | Teams wanting static CSS and low-level control |
+| **StyleX** | Compiler-based atomic styling system | JS authoring with compiler-generated atomic CSS | Compiler-controlled atomic composition | Yes — compiler-extracted | Large app teams wanting optimized, predictable atomic styling |
+| **Stitches** (deprecated) **/ Emotion** | Component-first CSS-in-JS | Styled components, `css()` APIs, object/string styles | Composition within CSS-in-JS rules | No — requires `'use client'` | Teams optimizing for component DX and flexible styling |
 
 ---
 
@@ -92,7 +92,7 @@ That makes Tasty less of a "better way to write CSS objects" and more of a **sta
 Beyond state resolution, Tasty also provides several structural capabilities that reinforce the design-system layer:
 
 - **CSS properties as typed React props** — `styleProps` lets a component expose selected style properties as normal props (`<Button placeSelf="end">`), including state maps for responsive values. This keeps layout and composition controls inside a governed component API instead of pushing teams back to ad hoc styling escapes.
-- **Sub-element styling** — Compound components declare inner parts via capitalized keys in `styles` and `data-element` attributes. States, tokens, and recipes apply across the entire element tree from a single definition. See [Runtime API — Sub-element Styling](runtime.md#sub-element-styling).
+- **Sub-element styling** — Compound components declare inner parts via capitalized keys in `styles` and `data-element` attributes. States, tokens, and recipes apply across the entire element tree from a single definition. See [React API — Sub-element Styling](react-api.md#sub-element-styling).
 - **Auto-inferred `@property`** — When a custom property is assigned a concrete value, Tasty infers the CSS `@property` syntax and registers it automatically, enabling smooth transitions on custom properties without manual declarations.
 - **AI-friendly style definitions** — Style definitions are declarative, self-contained, and structurally consistent. AI tools can read, refactor, and generate Tasty styles as confidently as a human — no hidden cascade logic or implicit ordering to second-guess.
 - **Companion ecosystem** — An [ESLint plugin](https://github.com/tenphi/eslint-plugin-tasty) with 27 lint rules, a [VS Code extension](https://github.com/tenphi/tasty-vscode-extension) for syntax highlighting, and [Glaze](https://github.com/tenphi/glaze) for OKHSL color theme generation with automatic WCAG contrast solving.
@@ -235,13 +235,12 @@ Tasty is more opinionated.
 
 It behaves less like "TypeScript that outputs CSS" and more like a **state-aware style compiler**. It is designed to encode higher-level styling semantics rather than only expose CSS primitives in typed form.
 
-This also makes Tasty's static mode notable:
+This also makes Tasty's rendering model notable:
 
-- Runtime `tasty()` creates React components with dynamic injection
-- `tastyStatic()` with the Babel plugin produces static class name strings with zero runtime overhead
-- In static mode, the output is plain CSS + class names, so it can be used with any JavaScript framework — not only React
+- `tasty()` components are hook-free and work as React Server Components. In server-only contexts (Next.js RSC, Astro without islands), they produce static HTML + CSS with zero client JavaScript — the full feature set is available without sacrificing server rendering
+- `tastyStatic()` with the Babel plugin produces static class name strings via build-time extraction, with no React dependency at runtime — the output works with any JavaScript framework
 
-Runtime features like `styleProps`, sub-element components, and dynamic variants are React-specific. The static path is framework-agnostic.
+Runtime features like `styleProps`, sub-element components, and dynamic variants are available in the `tasty()` path. The `tastyStatic()` path is framework-agnostic but limited to the DSL, tokens, and state logic.
 
 So the tradeoff is roughly:
 
@@ -303,6 +302,8 @@ So while Stitches and Emotion are strong tools for building components, Tasty is
 
 That makes it narrower in audience, but deeper in architectural ambition.
 
+There is also a fundamental architectural difference: Emotion and styled-components rely on React context and hooks internally, which means they require `'use client'` in modern React and cannot run as React Server Components. Tasty's style functions and `tasty()` components are hook-free, so they work as server components by default and produce zero client JavaScript in server-only contexts. This is not a minor compatibility detail — it means Tasty-based components stay as server components until *your* code needs interactivity, while Emotion and styled-components force the client boundary at the styling layer.
+
 For teams evaluating runtime styling at scale, Tasty also documents its runtime benchmarks and caching model in the main [README](../README.md#performance). That matters, but it is still secondary to the core question of whether you want Tasty's deterministic selector model.
 
 ---
@@ -311,20 +312,18 @@ For teams evaluating runtime styling at scale, Tasty also documents its runtime
 
 Tasty is not limited to one execution model.
 
-It can be used as a styling system with runtime behavior, but it can also be used as a **fully build-time style compiler** when that is the right fit.
-
-That distinction matters.
+The term "runtime" in `tasty()` refers to *when* style computation happens — during React rendering — not to where that rendering occurs. In server-only contexts (Next.js RSC without `'use client'`, Astro without `client:*` directives, SSG), `tasty()` components render on the server, produce static HTML + CSS, and ship **zero client JavaScript**. The full feature set — `styleProps`, sub-elements, variants, state maps — is available. The result is the same as what `tastyStatic()` produces, but without giving up any runtime capabilities.
 
-In runtime mode, `tasty()` creates React components with dynamic style injection, `styleProps`, sub-element components, and variants. This path is React-specific.
+Client JavaScript only enters the picture when a component needs React interactivity (state, effects, event handlers) — and that is the consuming component's decision, never Tasty's. Tasty never forces the `'use client'` boundary.
 
-In build-time mode, `tastyStatic()` with the Babel plugin generates plain static class names and CSS files. The output is framework-agnostic — any JavaScript framework can consume the resulting class names and CSS. This makes Tasty usable as the compiler layer underneath a design-system implementation, even outside the React ecosystem.
+`tastyStatic()` with the Babel plugin is for a different scenario: when you want build-time CSS extraction **without React at runtime**. The output is framework-agnostic — any JavaScript framework can consume the resulting class names and CSS. This makes Tasty usable as the compiler layer underneath a design-system implementation, even outside the React ecosystem.
 
-The tradeoff is that some capabilities — `styleProps`, sub-element components (`<Card.Title>`), dynamic variants — are tied to the runtime path. The static path is best understood as extraction and compilation of the DSL, tokens, and state logic.
+The tradeoff is that some capabilities — `styleProps`, sub-element components (`<Card.Title>`), dynamic variants — are tied to the `tasty()` path. The `tastyStatic()` path is best understood as extraction and compilation of the DSL, tokens, and state logic without a React dependency.
 
 This flexibility is one of Tasty's more unusual strengths:
 
-- it can be used as a full authoring/runtime system for React
-- or as a static compiler whose output works with any framework
+- `tasty()` as the default for all React setups — zero client JS in server-only contexts, full feature set, SSR integration available when client hydration is needed
+- `tastyStatic()` as a static compiler whose output works with any framework, including non-React ones
 
 ---
 
@@ -337,8 +336,8 @@ These are optimized for styling product code directly.
 
 Examples:
 - Tailwind CSS
-- Emotion
-- Stitches (deprecated)
+- Emotion (requires `'use client'` — not RSC-compatible)
+- Stitches (deprecated, requires `'use client'`)
 
 ### Typed styling engines
 These are optimized for generating CSS with stronger structure and tooling.
@@ -412,7 +411,7 @@ Tasty is most compelling when the problem is not just "how do we write styles,"
 
 - [README](../README.md) — overview, quick start, and feature highlights
 - [Style DSL](dsl.md) — state maps, tokens, units, extending semantics, keyframes, @property
-- [Runtime API](runtime.md) — `tasty()` factory, component props, variants, sub-elements, style functions
+- [React API](react-api.md) — `tasty()` factory, component props, variants, sub-elements, style functions
 - [Style Properties](styles.md) — complete reference for all enhanced style properties
 - [Configuration](configuration.md) — tokens, recipes, custom units, style handlers, and TypeScript extensions
 - [Zero Runtime (tastyStatic)](tasty-static.md) — build-time static styling with Babel plugin

package/docs/configuration.md

@@ -58,6 +58,8 @@ These docs use `data-schema="dark"` in examples. If your app already standardize
 | `counterStyle` | `Record<string, CounterStyleDescriptors>` | - | Global @counter-style definitions |
 | `autoPropertyTypes` | `boolean` | `true` | Auto-infer and register `@property` types from values |
 | `recipes` | `Record<string, RecipeStyles>` | - | Predefined style recipes (named style bundles) |
+| `presets` | `Record<string, TypographyPreset>` | - | Typography presets — shorthand for `generateTypographyTokens()` |
+| `globalStyles` | `Record<string, Styles>` | - | Global Tasty styles keyed by CSS selector |
 | `colorSpace` | `'rgb' \| 'hsl' \| 'oklch'` | `'oklch'` | Color space for decomposed color token companion variables |
 
 ---
@@ -220,6 +222,72 @@ For how to apply, compose, and override recipes in components, see [Recipes](dsl
 
 ---
 
+## Typography Presets
+
+Typography presets are a shorthand for `generateTypographyTokens()`. Instead of calling the function manually and spreading the result into `tokens`, pass the presets directly:
+
+```jsx
+configure({
+  presets: {
+    h1: { fontSize: '32px', lineHeight: '1.2', fontWeight: '700' },
+    t2: { fontSize: '16px', lineHeight: '1.5', fontWeight: '400' },
+    tag: {
+      fontSize: '10px',
+      lineHeight: '1.4',
+      letterSpacing: '0.04em',
+      fontWeight: '600',
+    },
+  },
+});
+```
+
+Each preset generates `$name-font-size`, `$name-line-height`, `$name-letter-spacing`, `$name-font-weight`, and optional `$name-bold-font-weight`, `$name-icon-size`, `$name-text-transform`, `$name-font-family`, `$name-font-style` tokens.
+
+Preset values support state maps for responsive or theme-aware typography:
+
+```jsx
+configure({
+  presets: {
+    t2: {
+      fontSize: '16px',
+      lineHeight: '1.5',
+      fontWeight: { '': '400', '@dark': '300' },
+    },
+  },
+});
+```
+
+The generated tokens are merged **under** explicit `tokens` — if both `presets` and `tokens` define `$t2-font-weight`, the `tokens` value wins. Plugins can also provide `presets`; plugin presets are merged first, then config presets, then explicit tokens on top.
+
+---
+
+## Global Styles
+
+Apply Tasty styles to any selector via configuration, without needing `useGlobalStyles(selector, ...)` at runtime:
+
+```jsx
+configure({
+  globalStyles: {
+    body: {
+      fill: '#surface',
+      color: '#text',
+      preset: 't2',
+      margin: 0,
+      fontFamily: 'system-ui, sans-serif',
+    },
+    html: {
+      overflow: 'hidden',
+    },
+  },
+});
+```
+
+Each key is a CSS selector, and each value is a Tasty `Styles` object supporting the full style syntax including style properties, tokens, state maps, and selector-based sub-styling (e.g. `$: '> .app'` for elements outside React scope). Global styles are injected alongside `:root` tokens when the first style is rendered.
+
+Global styles are automatically emitted in all rendering modes: runtime (client), SSR, and zero-runtime (Babel plugin). Plugins can also provide `globalStyles`; they are merged per selector with config global styles (config wins on conflict).
+
+---
+
 ## Auto Property Types
 
 CSS cannot transition or animate custom properties unless their type is declared via [`@property`](https://developer.mozilla.org/en-US/docs/Web/CSS/@property). Tasty handles this automatically — when a custom property is assigned a concrete value (e.g. `'$scale': 1`, `'$gap': '10px'`, `'#accent': 'purple'`), the type is inferred and a `@property` rule is registered.
@@ -323,4 +391,4 @@ declare module '@tenphi/tasty' {
 }
 ```
 
-See [Style DSL](dsl.md) for state maps, tokens, units, and extending semantics, and [Runtime API](runtime.md) for `tasty()`, style functions, and component props.
+See [Style DSL](dsl.md) for state maps, tokens, units, and extending semantics, and [React API](react-api.md) for `tasty()`, style functions, and component props.