@tenphi/tasty 0.5.4 → 0.7.0

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

package/dist/zero/extractor.js

@@ -1,3 +1,5 @@
+import { extractLocalProperties, hasLocalProperties } from "../properties/index.js";
+import { PropertyTypeResolver } from "../properties/property-type-resolver.js";
 import { renderStyles } from "../pipeline/index.js";
 import { categorizeStyleKeys } from "../chunks/definitions.js";
 import { generateChunkCacheKey } from "../chunks/cacheKey.js";
@@ -144,7 +146,70 @@ function keyframesToCSS(name, steps) {
 function camelToKebab(str) {
 	return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
 }
+/**
+* Extract auto-inferred @property declarations from styles.
+* Scans rendered style declarations and keyframe declarations for custom properties
+* whose types can be inferred from their values.
+*
+* @param styles - The styles object
+* @param options - Options including autoPropertyTypes flag
+* @returns Array of @property CSS rules to inject
+*/
+function extractPropertiesFromStyles(styles, options) {
+	if (options?.autoPropertyTypes === false) return [];
+	const registered = /* @__PURE__ */ new Set();
+	const results = [];
+	if (hasLocalProperties(styles)) {
+		const localProps = extractLocalProperties(styles);
+		if (localProps) for (const token of Object.keys(localProps)) {
+			let cssName;
+			if (token.startsWith("#")) cssName = `--${token.slice(1)}-color`;
+			else if (token.startsWith("$")) cssName = `--${token.slice(1)}`;
+			else if (token.startsWith("--")) cssName = token;
+			else cssName = `--${token}`;
+			registered.add(cssName);
+		}
+	}
+	const resolver = new PropertyTypeResolver();
+	const registerProperty = (name, syntax, initialValue) => {
+		if (registered.has(name)) return;
+		registered.add(name);
+		const parts = [];
+		parts.push(`syntax: "${syntax}";`);
+		parts.push(`inherits: true;`);
+		parts.push(`initial-value: ${initialValue};`);
+		const css = `@property ${name} { ${parts.join(" ")} }`;
+		results.push({
+			name,
+			css
+		});
+	};
+	const isPropertyDefined = (name) => registered.has(name);
+	const chunkMap = categorizeStyleKeys(styles);
+	for (const [chunkName, chunkStyleKeys] of chunkMap) {
+		if (chunkStyleKeys.length === 0) continue;
+		const renderResult = renderStylesForChunk(styles, chunkName, chunkStyleKeys);
+		for (const rule of renderResult.rules) {
+			if (!rule.declarations) continue;
+			resolver.scanDeclarations(rule.declarations, isPropertyDefined, registerProperty);
+		}
+	}
+	if (hasLocalKeyframes(styles)) {
+		const localKf = extractLocalKeyframes(styles);
+		if (localKf) for (const steps of Object.values(localKf)) scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);
+	}
+	return results;
+}
+function scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty) {
+	for (const value of Object.values(steps)) if (typeof value === "string") resolver.scanDeclarations(value, isPropertyDefined, registerProperty);
+	else if (value && typeof value === "object") {
+		const declarations = Object.entries(value).map(([prop, val]) => {
+			return `${camelToKebab(prop)}: ${val}`;
+		}).join("; ");
+		resolver.scanDeclarations(declarations, isPropertyDefined, registerProperty);
+	}
+}
 
 //#endregion
-export { extractKeyframesFromStyles, extractStylesForSelector, extractStylesWithChunks };
+export { extractKeyframesFromStyles, extractPropertiesFromStyles, extractStylesForSelector, extractStylesWithChunks };
 //# sourceMappingURL=extractor.js.map

package/dist/zero/extractor.js.map

@@ -1 +1 @@
-{"version":3,"file":"extractor.js","names":[],"sources":["../../src/zero/extractor.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n  categorizeStyleKeys,\n  generateChunkCacheKey,\n  renderStylesForChunk,\n} from '../chunks';\nimport type { KeyframesSteps } from '../injector/types';\nimport {\n  extractAnimationNamesFromStyles,\n  extractLocalKeyframes,\n  filterUsedKeyframes,\n  hasLocalKeyframes,\n  mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport type { Styles } from '../styles/types';\n\nexport interface ExtractedChunk {\n  className: string;\n  css: string;\n}\n\nexport interface ExtractedSelector {\n  selector: string;\n  css: string;\n}\n\nexport interface ExtractedKeyframes {\n  name: string;\n  css: string;\n}\n\nexport interface KeyframesExtractionResult {\n  /** Keyframes to inject (deduplicated by content) */\n  keyframes: ExtractedKeyframes[];\n  /** Map from original animation name to canonical name (for replacement) */\n  nameMap: Map<string, string>;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n  const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n  return `ts${hash}`; // 'ts' prefix for \"tasty-static\" to distinguish from runtime 't' classes\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n  const chunks: ExtractedChunk[] = [];\n\n  // Categorize style keys into chunks\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n\n    // Generate cache key for this chunk (used for className hash)\n    const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n    // Render styles for this chunk\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n\n    if (renderResult.rules.length === 0) continue;\n\n    // Generate deterministic className from content hash\n    const className = generateClassName(cacheKey);\n    const selector = `.${className}.${className}`;\n\n    // Format CSS\n    const css = formatRulesToCSS(renderResult.rules, selector);\n\n    chunks.push({ className, css });\n  }\n\n  return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block.\n */\nexport function extractStylesForSelector(\n  selector: string,\n  styles: Styles,\n): ExtractedSelector {\n  // renderStyles with selector returns StyleResult[] with selectors already applied\n  const rules = renderStyles(styles, selector);\n  // Format without re-prefixing - rules already have the full selector\n  const css = formatRulesDirectly(rules);\n\n  return { selector, css };\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n  return rules\n    .map((rule) => {\n      // Handle selector as array (OR conditions) or string\n      // Note: renderStyles without className joins array selectors with '|||' placeholder\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? rule.selector.split('|||')\n          : [''];\n\n      // Prefix each selector part with the base selector\n      const fullSelector = selectorParts\n        .map((part) => {\n          // Build selector: [rootPrefix] baseSelector[part]\n          let selector: string;\n\n          // If part is empty, just use base selector\n          if (!part) {\n            selector = baseSelector;\n          } else if (part.startsWith(':') || part.startsWith('[')) {\n            // If part starts with a pseudo-class or pseudo-element, append to base\n            selector = `${baseSelector}${part}`;\n          } else if (\n            part.startsWith('>') ||\n            part.startsWith('+') ||\n            part.startsWith('~')\n          ) {\n            // If part starts with >, +, ~ combinator, append with space\n            selector = `${baseSelector}${part}`;\n          } else {\n            // Otherwise, combine base with part\n            selector = `${baseSelector}${part}`;\n          }\n\n          // Prepend rootPrefix if present (for @root() states)\n          if (rule.rootPrefix) {\n            selector = `${rule.rootPrefix} ${selector}`;\n          }\n\n          return selector;\n        })\n        .join(', ');\n\n      let css = `${fullSelector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n  return rules\n    .map((rule) => {\n      // Prepend rootPrefix if present (for @root() states)\n      const selector = rule.rootPrefix\n        ? `${rule.rootPrefix} ${rule.selector}`\n        : rule.selector;\n\n      let css = `${selector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n  const content = JSON.stringify(steps);\n  const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n  return `kf${hash}`; // 'kf' prefix for \"keyframes\"\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n  const emptyResult: KeyframesExtractionResult = {\n    keyframes: [],\n    nameMap: new Map(),\n  };\n\n  // Extract animation names from styles\n  const usedNames = extractAnimationNamesFromStyles(styles);\n  if (usedNames.size === 0) return emptyResult;\n\n  // Merge local and global keyframes\n  const local = hasLocalKeyframes(styles)\n    ? extractLocalKeyframes(styles)\n    : null;\n  const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n  // Filter to only used keyframes\n  const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n  if (!usedKeyframes) return emptyResult;\n\n  // Generate hash-based names and collect unique keyframes\n  const seenHashes = new Set<string>();\n  const nameMap = new Map<string, string>();\n  const keyframesToEmit: ExtractedKeyframes[] = [];\n\n  for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n    const hashedName = generateKeyframesName(steps);\n\n    // Always map original name to hashed name (for CSS replacement)\n    nameMap.set(originalName, hashedName);\n\n    // Only emit each unique keyframe once\n    if (!seenHashes.has(hashedName)) {\n      seenHashes.add(hashedName);\n      const css = keyframesToCSS(hashedName, steps);\n      keyframesToEmit.push({ name: hashedName, css });\n    }\n  }\n\n  return { keyframes: keyframesToEmit, nameMap };\n}\n\n/**\n * Convert keyframes steps to CSS string.\n */\nfunction keyframesToCSS(name: string, steps: KeyframesSteps): string {\n  const stepRules: string[] = [];\n\n  for (const [key, value] of Object.entries(steps)) {\n    if (typeof value === 'string') {\n      // Raw CSS string\n      stepRules.push(`${key} { ${value.trim()} }`);\n    } else if (value && typeof value === 'object') {\n      // Style map - convert to CSS declarations\n      const declarations = Object.entries(value)\n        .map(([prop, val]) => {\n          const cssProperty = camelToKebab(prop);\n          return `${cssProperty}: ${val}`;\n        })\n        .join('; ');\n      stepRules.push(`${key} { ${declarations} }`);\n    }\n  }\n\n  return `@keyframes ${name} { ${stepRules.join(' ')} }`;\n}\n\n/**\n * Convert camelCase to kebab-case.\n */\nfunction camelToKebab(str: string): string {\n  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n"],"mappings":"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"}
+{"version":3,"file":"extractor.js","names":[],"sources":["../../src/zero/extractor.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n  categorizeStyleKeys,\n  generateChunkCacheKey,\n  renderStylesForChunk,\n} from '../chunks';\nimport type { KeyframesSteps } from '../injector/types';\nimport {\n  extractAnimationNamesFromStyles,\n  extractLocalKeyframes,\n  filterUsedKeyframes,\n  hasLocalKeyframes,\n  mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport { extractLocalProperties, hasLocalProperties } from '../properties';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport type { Styles } from '../styles/types';\n\nexport interface ExtractedChunk {\n  className: string;\n  css: string;\n}\n\nexport interface ExtractedSelector {\n  selector: string;\n  css: string;\n}\n\nexport interface ExtractedKeyframes {\n  name: string;\n  css: string;\n}\n\nexport interface KeyframesExtractionResult {\n  /** Keyframes to inject (deduplicated by content) */\n  keyframes: ExtractedKeyframes[];\n  /** Map from original animation name to canonical name (for replacement) */\n  nameMap: Map<string, string>;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n  const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n  return `ts${hash}`; // 'ts' prefix for \"tasty-static\" to distinguish from runtime 't' classes\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n  const chunks: ExtractedChunk[] = [];\n\n  // Categorize style keys into chunks\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n\n    // Generate cache key for this chunk (used for className hash)\n    const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n    // Render styles for this chunk\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n\n    if (renderResult.rules.length === 0) continue;\n\n    // Generate deterministic className from content hash\n    const className = generateClassName(cacheKey);\n    const selector = `.${className}.${className}`;\n\n    // Format CSS\n    const css = formatRulesToCSS(renderResult.rules, selector);\n\n    chunks.push({ className, css });\n  }\n\n  return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block.\n */\nexport function extractStylesForSelector(\n  selector: string,\n  styles: Styles,\n): ExtractedSelector {\n  // renderStyles with selector returns StyleResult[] with selectors already applied\n  const rules = renderStyles(styles, selector);\n  // Format without re-prefixing - rules already have the full selector\n  const css = formatRulesDirectly(rules);\n\n  return { selector, css };\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n  return rules\n    .map((rule) => {\n      // Handle selector as array (OR conditions) or string\n      // Note: renderStyles without className joins array selectors with '|||' placeholder\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? rule.selector.split('|||')\n          : [''];\n\n      // Prefix each selector part with the base selector\n      const fullSelector = selectorParts\n        .map((part) => {\n          // Build selector: [rootPrefix] baseSelector[part]\n          let selector: string;\n\n          // If part is empty, just use base selector\n          if (!part) {\n            selector = baseSelector;\n          } else if (part.startsWith(':') || part.startsWith('[')) {\n            // If part starts with a pseudo-class or pseudo-element, append to base\n            selector = `${baseSelector}${part}`;\n          } else if (\n            part.startsWith('>') ||\n            part.startsWith('+') ||\n            part.startsWith('~')\n          ) {\n            // If part starts with >, +, ~ combinator, append with space\n            selector = `${baseSelector}${part}`;\n          } else {\n            // Otherwise, combine base with part\n            selector = `${baseSelector}${part}`;\n          }\n\n          // Prepend rootPrefix if present (for @root() states)\n          if (rule.rootPrefix) {\n            selector = `${rule.rootPrefix} ${selector}`;\n          }\n\n          return selector;\n        })\n        .join(', ');\n\n      let css = `${fullSelector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n  return rules\n    .map((rule) => {\n      // Prepend rootPrefix if present (for @root() states)\n      const selector = rule.rootPrefix\n        ? `${rule.rootPrefix} ${rule.selector}`\n        : rule.selector;\n\n      let css = `${selector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n  const content = JSON.stringify(steps);\n  const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n  return `kf${hash}`; // 'kf' prefix for \"keyframes\"\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n  const emptyResult: KeyframesExtractionResult = {\n    keyframes: [],\n    nameMap: new Map(),\n  };\n\n  // Extract animation names from styles\n  const usedNames = extractAnimationNamesFromStyles(styles);\n  if (usedNames.size === 0) return emptyResult;\n\n  // Merge local and global keyframes\n  const local = hasLocalKeyframes(styles)\n    ? extractLocalKeyframes(styles)\n    : null;\n  const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n  // Filter to only used keyframes\n  const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n  if (!usedKeyframes) return emptyResult;\n\n  // Generate hash-based names and collect unique keyframes\n  const seenHashes = new Set<string>();\n  const nameMap = new Map<string, string>();\n  const keyframesToEmit: ExtractedKeyframes[] = [];\n\n  for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n    const hashedName = generateKeyframesName(steps);\n\n    // Always map original name to hashed name (for CSS replacement)\n    nameMap.set(originalName, hashedName);\n\n    // Only emit each unique keyframe once\n    if (!seenHashes.has(hashedName)) {\n      seenHashes.add(hashedName);\n      const css = keyframesToCSS(hashedName, steps);\n      keyframesToEmit.push({ name: hashedName, css });\n    }\n  }\n\n  return { keyframes: keyframesToEmit, nameMap };\n}\n\n/**\n * Convert keyframes steps to CSS string.\n */\nfunction keyframesToCSS(name: string, steps: KeyframesSteps): string {\n  const stepRules: string[] = [];\n\n  for (const [key, value] of Object.entries(steps)) {\n    if (typeof value === 'string') {\n      // Raw CSS string\n      stepRules.push(`${key} { ${value.trim()} }`);\n    } else if (value && typeof value === 'object') {\n      // Style map - convert to CSS declarations\n      const declarations = Object.entries(value)\n        .map(([prop, val]) => {\n          const cssProperty = camelToKebab(prop);\n          return `${cssProperty}: ${val}`;\n        })\n        .join('; ');\n      stepRules.push(`${key} { ${declarations} }`);\n    }\n  }\n\n  return `@keyframes ${name} { ${stepRules.join(' ')} }`;\n}\n\n/**\n * Convert camelCase to kebab-case.\n */\nfunction camelToKebab(str: string): string {\n  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n\n// ============================================================================\n// Property Extraction (auto-infer @property types for zero-runtime)\n// ============================================================================\n\nexport interface ExtractedProperty {\n  name: string;\n  css: string;\n}\n\n/**\n * Extract auto-inferred @property declarations from styles.\n * Scans rendered style declarations and keyframe declarations for custom properties\n * whose types can be inferred from their values.\n *\n * @param styles - The styles object\n * @param options - Options including autoPropertyTypes flag\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n  styles: Styles,\n  options?: { autoPropertyTypes?: boolean },\n): ExtractedProperty[] {\n  if (options?.autoPropertyTypes === false) return [];\n\n  const registered = new Set<string>();\n  const results: ExtractedProperty[] = [];\n\n  // Collect explicitly declared properties (they take precedence)\n  if (hasLocalProperties(styles)) {\n    const localProps = extractLocalProperties(styles);\n    if (localProps) {\n      for (const token of Object.keys(localProps)) {\n        // Normalize token to CSS name\n        let cssName: string;\n        if (token.startsWith('#')) {\n          cssName = `--${token.slice(1)}-color`;\n        } else if (token.startsWith('$')) {\n          cssName = `--${token.slice(1)}`;\n        } else if (token.startsWith('--')) {\n          cssName = token;\n        } else {\n          cssName = `--${token}`;\n        }\n        registered.add(cssName);\n      }\n    }\n  }\n\n  const resolver = new PropertyTypeResolver();\n\n  const registerProperty = (\n    name: string,\n    syntax: string,\n    initialValue: string,\n  ) => {\n    if (registered.has(name)) return;\n    registered.add(name);\n\n    const parts: string[] = [];\n    parts.push(`syntax: \"${syntax}\";`);\n    parts.push(`inherits: true;`);\n    parts.push(`initial-value: ${initialValue};`);\n\n    const css = `@property ${name} { ${parts.join(' ')} }`;\n    results.push({ name, css });\n  };\n\n  const isPropertyDefined = (name: string) => registered.has(name);\n\n  // Scan rendered style declarations\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n    for (const rule of renderResult.rules) {\n      if (!rule.declarations) continue;\n      resolver.scanDeclarations(\n        rule.declarations,\n        isPropertyDefined,\n        registerProperty,\n      );\n    }\n  }\n\n  // Scan keyframe declarations\n  if (hasLocalKeyframes(styles)) {\n    const localKf = extractLocalKeyframes(styles);\n    if (localKf) {\n      for (const steps of Object.values(localKf)) {\n        scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);\n      }\n    }\n  }\n\n  return results;\n}\n\nfunction scanKeyframeSteps(\n  steps: KeyframesSteps,\n  resolver: PropertyTypeResolver,\n  isPropertyDefined: (name: string) => boolean,\n  registerProperty: (\n    name: string,\n    syntax: string,\n    initialValue: string,\n  ) => void,\n): void {\n  for (const value of Object.values(steps)) {\n    if (typeof value === 'string') {\n      resolver.scanDeclarations(value, isPropertyDefined, registerProperty);\n    } else if (value && typeof value === 'object') {\n      const declarations = Object.entries(value)\n        .map(([prop, val]) => {\n          const cssProperty = camelToKebab(prop);\n          return `${cssProperty}: ${val}`;\n        })\n        .join('; ');\n      resolver.scanDeclarations(\n        declarations,\n        isPropertyDefined,\n        registerProperty,\n      );\n    }\n  }\n}\n"],"mappings":"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"}

package/docs/configuration.md

@@ -0,0 +1,211 @@
+# Configuration
+
+Configure the Tasty style system before your app renders using the `configure()` function. Configuration must be done **before any styles are generated** (before first render).
+
+```jsx
+import { configure } from '@tenphi/tasty';
+
+configure({
+  // CSP nonce for style elements
+  nonce: 'abc123',
+
+  // Global state aliases
+  states: {
+    '@mobile': '@media(w < 768px)',
+    '@tablet': '@media(768px <= w < 1024px)',
+    '@dark': '@root(theme=dark)',
+  },
+
+  // Parser configuration
+  parserCacheSize: 2000, // LRU cache size (default: 1000)
+
+  // Custom units (merged with built-in units)
+  units: {
+    vh: 'vh',
+    vw: 'vw',
+    custom: (n) => `${n * 10}px`, // Function-based unit
+  },
+
+  // Custom functions for the parser
+  funcs: {
+    double: (groups) => {
+      const value = parseFloat(groups[0]?.output || '0');
+      return `${value * 2}px`;
+    },
+  },
+});
+```
+
+---
+
+## Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `nonce` | `string` | - | CSP nonce for style elements |
+| `states` | `Record<string, string>` | - | Global state aliases for advanced state mapping |
+| `parserCacheSize` | `number` | `1000` | Parser LRU cache size |
+| `units` | `Record<string, string \| Function>` | Built-in | Custom units (merged with built-in). See [built-in units](usage.md#built-in-units) |
+| `funcs` | `Record<string, Function>` | - | Custom parser functions (merged with existing) |
+| `handlers` | `Record<string, StyleHandlerDefinition>` | Built-in | Custom style handlers (replace built-in) |
+| `tokens` | `Record<string, string \| number>` | - | Predefined tokens replaced during parsing |
+| `keyframes` | `Record<string, KeyframesSteps>` | - | Global keyframes for animations |
+| `properties` | `Record<string, PropertyDefinition>` | - | Global CSS @property definitions |
+| `autoPropertyTypes` | `boolean` | `true` | Auto-infer and register `@property` types from values |
+| `recipes` | `Record<string, RecipeStyles>` | - | Predefined style recipes (named style bundles) |
+
+---
+
+## Predefined Tokens
+
+Define reusable tokens that are replaced during style parsing. Unlike component-level `tokens` prop (which renders as inline CSS custom properties), predefined tokens are baked into the generated CSS.
+
+Use `$name` for custom property tokens and `#name` for color tokens:
+
+```jsx
+configure({
+  tokens: {
+    $spacing: '2x',
+    '$card-padding': '4x',
+    '$button-height': '40px',
+    '#accent': '#purple',
+    '#surface': '#white',
+    '#surface-hover': '#gray.05',
+  },
+});
+```
+
+Once defined, tokens can be used in any component's styles — see [Using Predefined Tokens](usage.md#predefined-tokens) in the usage guide.
+
+---
+
+## Recipes
+
+Recipes are predefined, named style bundles. Define them globally via `configure()`:
+
+```jsx
+configure({
+  recipes: {
+    card: {
+      padding: '4x',
+      fill: '#surface',
+      radius: '1r',
+      border: true,
+    },
+    elevated: {
+      shadow: '2x 2x 4x #shadow',
+    },
+  },
+});
+```
+
+Recipe values are flat tasty styles (no sub-element keys). They may contain base styles, tokens, local states, `@keyframes`, and `@properties`. Recipes cannot reference other recipes.
+
+For how to apply, compose, and override recipes in components, see [Using Recipes](usage.md#recipes) in the usage guide.
+
+---
+
+## 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.
+
+This works across all declaration contexts: component styles, `@keyframes`, global config, and the zero-runtime Babel plugin. It also resolves `var()` chains — if `$a` references `var(--b)`, the type propagates once `--b` is resolved.
+
+Supported types:
+
+| Detection | Inferred syntax |
+|-----------|-----------------|
+| `1`, `0.5`, `-3` (bare numbers) | `<number>` |
+| `10px`, `2rem`, `100vw` (length units) | `<length>` |
+| `50%` | `<percentage>` |
+| `45deg`, `0.5turn` (angle units) | `<angle>` |
+| `300ms`, `1s` (time units) | `<time>` |
+| `#name` tokens (by naming convention) | `<color>` |
+
+Auto-inferred properties use `inherits: true` (the CSS default). Use explicit `@properties` when you need different settings:
+
+```jsx
+// In component styles
+styles: {
+  '@properties': {
+    '$scale': { syntax: '<number>', inherits: false, initialValue: 1 },
+  },
+}
+
+// Or globally
+configure({
+  properties: {
+    '$scale': { syntax: '<number>', inherits: false, initialValue: 1 },
+  },
+});
+```
+
+To disable auto-inference entirely (only explicit `@properties` will be used):
+
+```jsx
+configure({ autoPropertyTypes: false });
+```
+
+---
+
+## Custom Style Handlers
+
+Override or extend the built-in style property handlers. A handler definition can take three forms:
+
+| Form | Syntax | Description |
+|------|--------|-------------|
+| Function only | `handler` | Triggered by its key name; receives only that property |
+| Single dep | `['styleName', handler]` | Triggered by the specified style property |
+| Multi dep | `[['dep1', 'dep2', ...], handler]` | Triggered by any of the listed properties; receives all of them |
+
+The multi-dep form is useful when output depends on several style properties together (e.g., `gap` needs to know `display` and `flow` to decide the CSS strategy).
+
+```jsx
+import { configure, styleHandlers } from '@tenphi/tasty';
+
+configure({
+  handlers: {
+    // Function only — overrides built-in fill handler
+    fill: ({ fill }) => {
+      if (fill?.startsWith('gradient:')) {
+        return { background: fill.slice(9) };
+      }
+      return styleHandlers.fill({ fill });
+    },
+
+    // Function only — new single-prop handler
+    elevation: ({ elevation }) => {
+      const level = parseInt(elevation) || 1;
+      return {
+        'box-shadow': `0 ${level * 2}px ${level * 4}px rgba(0,0,0,0.1)`,
+        'z-index': String(level * 100),
+      };
+    },
+
+    // Multi dep — handler reads multiple style properties
+    gap: [['display', 'flow', 'gap'], ({ display, flow, gap }) => {
+      if (!gap) return;
+      const isGrid = display?.includes('grid');
+      return { gap: isGrid ? gap : `/* custom logic for ${flow} */` };
+    }],
+  },
+});
+```
+
+---
+
+## Extending Style Types (TypeScript)
+
+Use module augmentation to extend the `StylesInterface`:
+
+```tsx
+// tasty.d.ts
+declare module '@tenphi/tasty' {
+  interface StylesInterface {
+    elevation?: string;
+    gradient?: string;
+  }
+}
+```
+
+See [Usage Guide](usage.md) for component creation, state mappings, sub-elements, variants, and hooks.