@tenphi/tasty 0.13.0 → 0.14.0

package/dist/parser/classify.js.map

@@ -1 +1 @@
-{"version":3,"file":"classify.js","names":[],"sources":["../../src/parser/classify.ts"],"sourcesContent":["import { getGlobalPredefinedTokens } from '../utils/styles';\n\nimport {\n  COLOR_FUNCS,\n  RE_HEX,\n  RE_NUMBER,\n  RE_RAW_UNIT,\n  RE_UNIT_NUM,\n  VALUE_KEYWORDS,\n} from './const';\nimport { StyleParser } from './parser';\nimport type { ParserOptions, ProcessedStyle } from './types';\nimport { Bucket } from './types';\n\n/**\n * Re-parses a value through the parser until it stabilizes (no changes)\n * or max iterations reached. This allows units to reference other units.\n * Example: { x: '8px', y: '2x' } -> '1y' resolves to '16px'\n */\nfunction resolveUntilStable(\n  value: string,\n  opts: ParserOptions,\n  recurse: (str: string) => ProcessedStyle,\n  maxIterations = 10,\n): string {\n  let current = value;\n  for (let i = 0; i < maxIterations; i++) {\n    // Check if the current value contains a custom unit that needs resolution\n    const unitMatch = current.match(RE_UNIT_NUM);\n    if (!unitMatch) break; // Not a unit number, no resolution needed\n\n    const unitName = unitMatch[1];\n    // Only recurse if the unit is a custom unit we know about\n    // Any unit not in opts.units is assumed to be a native CSS unit\n    if (!opts.units || !(unitName in opts.units)) break;\n\n    const result = recurse(current);\n    if (result.output === current) break; // Stable\n    current = result.output;\n  }\n  return current;\n}\n\nexport function classify(\n  raw: string,\n  opts: ParserOptions,\n  recurse: (str: string) => ProcessedStyle,\n): { bucket: Bucket; processed: string } {\n  const token = raw.trim();\n  if (!token) return { bucket: Bucket.Mod, processed: '' };\n\n  // Early-out: if the token contains unmatched parentheses treat it as invalid\n  // and skip it. This avoids cases like `drop-shadow(` that are missing a\n  // closing parenthesis (e.g., a user-typo in CSS). We count paren depth while\n  // ignoring everything inside string literals to avoid false positives.\n  {\n    let depth = 0;\n    let inQuote: string | 0 = 0;\n    for (let i = 0; i < token.length; i++) {\n      const ch = token[i];\n\n      // track quote context so parentheses inside quotes are ignored\n      if (inQuote) {\n        if (ch === inQuote && token[i - 1] !== '\\\\') inQuote = 0;\n        continue;\n      }\n      if (ch === '\"' || ch === \"'\") {\n        inQuote = ch;\n        continue;\n      }\n\n      if (ch === '(') depth++;\n      else if (ch === ')') depth = Math.max(0, depth - 1);\n    }\n\n    if (depth !== 0) {\n      // Unbalanced parens → treat as invalid token (skipped).\n      console.warn(\n        'tasty: skipped invalid function token with unmatched parentheses:',\n        token,\n      );\n      return { bucket: Bucket.Mod, processed: '' };\n    }\n  }\n\n  // Quoted string literals should be treated as value tokens (e.g., \"\" for content)\n  if (\n    (token.startsWith('\"') && token.endsWith('\"')) ||\n    (token.startsWith(\"'\") && token.endsWith(\"'\"))\n  ) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 0. Double prefix for literal CSS property names ($$name -> --name, ##name -> --name-color)\n  // Used in transitions and animations to reference the property name itself, not its value\n  if (token.startsWith('$$')) {\n    const name = token.slice(2);\n    if (/^[a-z_][a-z0-9-_]*$/i.test(name)) {\n      return { bucket: Bucket.Value, processed: `--${name}` };\n    }\n  }\n  if (token.startsWith('##')) {\n    const name = token.slice(2);\n    if (/^[a-z_][a-z0-9-_]*$/i.test(name)) {\n      return { bucket: Bucket.Value, processed: `--${name}-color` };\n    }\n  }\n\n  // 0b. Special handling for #current (reserved keyword, cannot be overridden by predefined tokens)\n  // #current maps to CSS currentcolor keyword\n  if (token === '#current') {\n    return { bucket: Bucket.Color, processed: 'currentcolor' };\n  }\n\n  // #current with opacity: #current.5 or #current.$opacity\n  // Uses color-mix since currentcolor doesn't support rgb() alpha syntax\n  const currentAlphaMatch = token.match(\n    /^#current\\.(\\$[a-z_][a-z0-9-_]*|[0-9]+)$/i,\n  );\n  if (currentAlphaMatch) {\n    const rawAlpha = currentAlphaMatch[1];\n    let percentage: string;\n    if (rawAlpha.startsWith('$')) {\n      // Custom property: $disabled -> calc(var(--disabled) * 100%)\n      const propName = rawAlpha.slice(1);\n      percentage = `calc(var(--${propName}) * 100%)`;\n    } else if (rawAlpha === '0') {\n      percentage = '0%';\n    } else {\n      // Convert .5 -> 50%, .05 -> 5%\n      percentage = `${parseFloat('.' + rawAlpha) * 100}%`;\n    }\n    return {\n      bucket: Bucket.Color,\n      processed: `color-mix(in oklab, currentcolor ${percentage}, transparent)`,\n    };\n  }\n\n  // 0c. Check for predefined tokens (configured via configure({ replaceTokens: {...} }))\n  // Must happen before default $ and # handling to allow overriding\n  if (token[0] === '$' || token[0] === '#') {\n    const predefinedTokens = getGlobalPredefinedTokens();\n    if (predefinedTokens) {\n      // Exact match\n      if (token in predefinedTokens) {\n        const tokenValue = predefinedTokens[token];\n        // Lowercase the token value to match parser behavior (parser lowercases input)\n        return classify(tokenValue.toLowerCase(), opts, recurse);\n      }\n      // Check for color token with alpha suffix: #token.alpha or #token.$prop\n      if (token[0] === '#') {\n        const alphaMatch = token.match(\n          /^(#[a-z0-9-]+)\\.(\\$[a-z_][a-z0-9-_]*|[0-9]+)$/i,\n        );\n        if (alphaMatch) {\n          const [, baseToken, rawAlpha] = alphaMatch;\n          if (baseToken in predefinedTokens) {\n            const resolvedValue = predefinedTokens[baseToken];\n\n            // If resolved value starts with # (color token), use standard alpha syntax\n            if (resolvedValue.startsWith('#')) {\n              // Lowercase to match parser behavior\n              return classify(\n                `${resolvedValue.toLowerCase()}.${rawAlpha}`,\n                opts,\n                recurse,\n              );\n            }\n\n            // For color functions like rgb(), rgba(), hsl(), hwb(), etc., inject alpha\n            // Includes all standard CSS color functions plus okhsl (plugin)\n            const funcMatch = resolvedValue.match(\n              /^(rgba?|hsla?|hwb|oklab|oklch|lab|lch|color|okhsl|device-cmyk|gray|color-mix|color-contrast)\\((.+)\\)$/i,\n            );\n            if (funcMatch) {\n              const [, funcName, args] = funcMatch;\n              // Handle $prop syntax for custom property alpha\n              let alpha: string;\n              if (rawAlpha.startsWith('$')) {\n                const propName = rawAlpha.slice(1);\n                alpha = `var(--${propName})`;\n              } else {\n                alpha = rawAlpha === '0' ? '0' : `.${rawAlpha}`;\n              }\n              // Normalize function name: rgba->rgb, hsla->hsl (modern syntax doesn't need 'a' suffix)\n              const normalizedFunc = funcName.replace(/a$/i, '').toLowerCase();\n              // Normalize to modern syntax: replace top-level commas with spaces\n              // Preserves commas inside nested functions like min(), max(), clamp()\n              const normalizeArgs = (a: string) => {\n                let result = '';\n                let depth = 0;\n                for (let i = 0; i < a.length; i++) {\n                  const c = a[i];\n                  if (c === '(') {\n                    depth++;\n                    result += c;\n                  } else if (c === ')') {\n                    depth = Math.max(0, depth - 1);\n                    result += c;\n                  } else if (c === ',' && depth === 0) {\n                    // Skip comma and any following whitespace at top level\n                    while (i + 1 < a.length && /\\s/.test(a[i + 1])) i++;\n                    result += ' ';\n                  } else {\n                    result += c;\n                  }\n                }\n                return result;\n              };\n              // Helper: find last top-level occurrence of a character (ignores parentheses)\n              const findLastTopLevel = (str: string, ch: string) => {\n                let depth = 0;\n                for (let i = str.length - 1; i >= 0; i--) {\n                  const c = str[i];\n                  if (c === ')') depth++;\n                  else if (c === '(') depth = Math.max(0, depth - 1);\n                  else if (c === ch && depth === 0) return i;\n                }\n                return -1;\n              };\n\n              // Check if already has alpha:\n              // - Modern syntax: has `/` separator at top level (works with dynamic alpha like var()/calc())\n              // - Legacy syntax: function ends with 'a' (rgba, hsla) and has exactly 4 top-level comma-separated values\n              const slashIdx = findLastTopLevel(args, '/');\n              const hasModernAlpha = slashIdx !== -1;\n\n              // Count top-level commas to avoid commas inside nested functions\n              let topLevelCommaCount = 0;\n              let lastTopLevelComma = -1;\n              {\n                let depth = 0;\n                for (let i = 0; i < args.length; i++) {\n                  const c = args[i];\n                  if (c === '(') depth++;\n                  else if (c === ')') depth = Math.max(0, depth - 1);\n                  else if (c === ',' && depth === 0) {\n                    topLevelCommaCount++;\n                    lastTopLevelComma = i;\n                  }\n                }\n              }\n\n              const hasLegacyAlpha =\n                !hasModernAlpha &&\n                /a$/i.test(funcName) &&\n                topLevelCommaCount === 3;\n\n              const colorArgs =\n                hasModernAlpha || hasLegacyAlpha\n                  ? normalizeArgs(\n                      hasModernAlpha\n                        ? args.slice(0, slashIdx).trim()\n                        : args.slice(0, lastTopLevelComma).trim(),\n                    )\n                  : normalizeArgs(args);\n\n              const constructed = `${normalizedFunc}(${colorArgs} / ${alpha})`;\n\n              // Custom functions (not native CSS) must be re-classified\n              // so the function handler can convert them to valid CSS\n              if (\n                !COLOR_FUNCS.has(normalizedFunc) &&\n                opts.funcs &&\n                normalizedFunc in opts.funcs\n              ) {\n                return classify(constructed, opts, recurse);\n              }\n\n              return { bucket: Bucket.Color, processed: constructed };\n            }\n\n            // Fallback: try appending .alpha (may not work for all cases)\n            return classify(`${resolvedValue}.${rawAlpha}`, opts, recurse);\n          }\n        }\n      }\n    }\n  }\n\n  // 0. Direct var(--*-color) token\n  const varColorMatch = token.match(/^var\\(--([a-z0-9-]+)-color\\)$/);\n  if (varColorMatch) {\n    return { bucket: Bucket.Color, processed: token };\n  }\n\n  // 1. URL\n  if (token.startsWith('url(')) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 2. Custom property\n  if (token[0] === '$') {\n    const identMatch = token.match(/^\\$([a-z_][a-z0-9-_]*)$/);\n    if (identMatch) {\n      const name = identMatch[1];\n      const processed = `var(--${name})`;\n      const bucketType = name.endsWith('-color') ? Bucket.Color : Bucket.Value;\n      return {\n        bucket: bucketType,\n        processed,\n      };\n    }\n    // invalid custom property → modifier\n  }\n\n  // 3. Hash colors (with optional alpha suffix e.g., #purple.5 or #purple.$disabled)\n  if (token[0] === '#' && token.length > 1) {\n    // alpha form: #name.alpha or #name.$prop\n    const alphaMatch = token.match(\n      /^#([a-z0-9-]+)\\.(\\$[a-z_][a-z0-9-_]*|[0-9]+)$/i,\n    );\n    if (alphaMatch) {\n      const [, base, rawAlpha] = alphaMatch;\n      let alpha: string;\n      if (rawAlpha.startsWith('$')) {\n        // Custom property: $disabled -> var(--disabled)\n        const propName = rawAlpha.slice(1);\n        alpha = `var(--${propName})`;\n      } else if (rawAlpha === '0') {\n        alpha = '0';\n      } else {\n        alpha = `.${rawAlpha}`;\n      }\n      return {\n        bucket: Bucket.Color,\n        processed: `rgb(var(--${base}-color-rgb) / ${alpha})`,\n      };\n    }\n\n    // hyphenated names like #dark-05 should keep full name\n\n    const name = token.slice(1);\n    // valid hex → treat as hex literal with fallback\n    if (RE_HEX.test(name)) {\n      return {\n        bucket: Bucket.Color,\n        processed: `var(--${name}-color, #${name})`,\n      };\n    }\n    // simple color name token → css variable lookup with rgb fallback\n    return { bucket: Bucket.Color, processed: `var(--${name}-color)` };\n  }\n\n  // 4 & 5. Functions\n  const openIdx = token.indexOf('(');\n  if (openIdx > 0 && token.endsWith(')')) {\n    const fname = token.slice(0, openIdx);\n    const inner = token.slice(openIdx + 1, -1); // without ()\n\n    if (COLOR_FUNCS.has(fname)) {\n      // Process inner to expand nested colors or units.\n      const argProcessed = recurse(inner).output.replace(/,\\s+/g, ','); // color funcs expect no spaces after commas\n      return { bucket: Bucket.Color, processed: `${fname}(${argProcessed})` };\n    }\n\n    // user function (provided via opts)\n    if (opts.funcs && fname in opts.funcs) {\n      // split by top-level commas within inner\n      const tmp = new StyleParser(opts).process(inner); // fresh parser w/ same opts but no cache share issues\n      const funcResult = opts.funcs[fname](tmp.groups);\n      // Re-classify the result to determine proper bucket (e.g., if it returns a color)\n      // Pass funcs: undefined to prevent infinite recursion if result matches a function pattern\n      return classify(funcResult, { ...opts, funcs: undefined }, recurse);\n    }\n\n    // generic: process inner and rebuild\n    const argProcessed = recurse(inner).output;\n    return { bucket: Bucket.Value, processed: `${fname}(${argProcessed})` };\n  }\n\n  // 6. Color fallback syntax: (#name, fallback)\n  if (token.startsWith('(') && token.endsWith(')')) {\n    const inner = token.slice(1, -1);\n    const colorMatch = inner.match(/^#([a-z0-9-]+)\\s*,\\s*(.*)$/i);\n    if (colorMatch) {\n      const [, name, fallback] = colorMatch;\n      const processedFallback = recurse(fallback).output;\n      return {\n        bucket: Bucket.Color,\n        processed: `var(--${name}-color, ${processedFallback})`,\n      };\n    }\n  }\n\n  // 7. Custom property with fallback syntax: ($prop, fallback)\n  if (token.startsWith('(') && token.endsWith(')')) {\n    const inner = token.slice(1, -1);\n    const match = inner.match(/^\\$([a-z_][a-z0-9-_]*)\\s*,\\s*(.*)$/);\n    if (match) {\n      const [, name, fallback] = match;\n      const processedFallback = recurse(fallback).output;\n      const bucketType = name.endsWith('-color') ? Bucket.Color : Bucket.Value;\n      return {\n        bucket: bucketType,\n        processed: `var(--${name}, ${processedFallback})`,\n      };\n    }\n  }\n\n  // 8. Auto-calc group\n  if (token[0] === '(' && token[token.length - 1] === ')') {\n    const inner = token.slice(1, -1);\n    const innerProcessed = recurse(inner).output;\n    return { bucket: Bucket.Value, processed: `calc(${innerProcessed})` };\n  }\n\n  // 9. Unit number\n  const um = token.match(RE_UNIT_NUM);\n  if (um) {\n    const unit = um[1];\n    const numericPart = parseFloat(token.slice(0, -unit.length));\n    const handler = opts.units && opts.units[unit];\n    if (handler) {\n      if (typeof handler === 'string') {\n        // Check if this is a raw CSS unit (e.g., \"8px\", \"1rem\")\n        const rawMatch = handler.match(RE_RAW_UNIT);\n        if (rawMatch) {\n          // Raw unit: calculate directly instead of using calc()\n          const [, baseNum, cssUnit] = rawMatch;\n          const result = numericPart * parseFloat(baseNum);\n          const processed = `${result}${cssUnit}`;\n          // Re-parse to resolve any nested units (e.g., units referencing other units)\n          const resolved = resolveUntilStable(processed, opts, recurse);\n          return { bucket: Bucket.Value, processed: resolved };\n        }\n\n        // Non-raw handler (e.g., \"var(--gap)\", \"calc(...)\"): use calc() wrapping\n        const base = handler;\n        if (numericPart === 1) {\n          return { bucket: Bucket.Value, processed: base };\n        }\n        return {\n          bucket: Bucket.Value,\n          processed: `calc(${numericPart} * ${base})`,\n        };\n      } else {\n        // Function units return complete CSS expressions, no wrapping needed\n        const inner = handler(numericPart);\n        return {\n          bucket: Bucket.Value,\n          processed: inner,\n        };\n      }\n    }\n  }\n\n  // 9b. Unknown numeric+unit → treat as literal value (e.g., 1fr)\n  if (/^[+-]?(?:\\d*\\.\\d+|\\d+)[a-z%]+$/.test(token)) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 9c. Plain unit-less numbers should be treated as value tokens (e.g.,\n  // numeric arguments in custom style handlers).\n  if (RE_NUMBER.test(token)) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 10. Literal value keywords\n  if (VALUE_KEYWORDS.has(token)) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 10b. Special keyword colors\n  if (token === 'transparent' || token === 'currentcolor') {\n    return { bucket: Bucket.Color, processed: token };\n  }\n\n  // 11. Fallback modifier\n  return { bucket: Bucket.Mod, processed: token };\n}\n"],"mappings":"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"}
+{"version":3,"file":"classify.js","names":[],"sources":["../../src/parser/classify.ts"],"sourcesContent":["import { getColorSpaceFunc, getColorSpaceSuffix } from '../utils/color-space';\nimport { getGlobalPredefinedTokens } from '../utils/styles';\n\nimport {\n  COLOR_FUNCS,\n  RE_HEX,\n  RE_NUMBER,\n  RE_RAW_UNIT,\n  RE_UNIT_NUM,\n  VALUE_KEYWORDS,\n} from './const';\nimport { StyleParser } from './parser';\nimport type { ParserOptions, ProcessedStyle } from './types';\nimport { Bucket } from './types';\n\n/**\n * Re-parses a value through the parser until it stabilizes (no changes)\n * or max iterations reached. This allows units to reference other units.\n * Example: { x: '8px', y: '2x' } -> '1y' resolves to '16px'\n */\nfunction resolveUntilStable(\n  value: string,\n  opts: ParserOptions,\n  recurse: (str: string) => ProcessedStyle,\n  maxIterations = 10,\n): string {\n  let current = value;\n  for (let i = 0; i < maxIterations; i++) {\n    // Check if the current value contains a custom unit that needs resolution\n    const unitMatch = current.match(RE_UNIT_NUM);\n    if (!unitMatch) break; // Not a unit number, no resolution needed\n\n    const unitName = unitMatch[1];\n    // Only recurse if the unit is a custom unit we know about\n    // Any unit not in opts.units is assumed to be a native CSS unit\n    if (!opts.units || !(unitName in opts.units)) break;\n\n    const result = recurse(current);\n    if (result.output === current) break; // Stable\n    current = result.output;\n  }\n  return current;\n}\n\nexport function classify(\n  raw: string,\n  opts: ParserOptions,\n  recurse: (str: string) => ProcessedStyle,\n): { bucket: Bucket; processed: string } {\n  const token = raw.trim();\n  if (!token) return { bucket: Bucket.Mod, processed: '' };\n\n  // Early-out: if the token contains unmatched parentheses treat it as invalid\n  // and skip it. This avoids cases like `drop-shadow(` that are missing a\n  // closing parenthesis (e.g., a user-typo in CSS). We count paren depth while\n  // ignoring everything inside string literals to avoid false positives.\n  {\n    let depth = 0;\n    let inQuote: string | 0 = 0;\n    for (let i = 0; i < token.length; i++) {\n      const ch = token[i];\n\n      // track quote context so parentheses inside quotes are ignored\n      if (inQuote) {\n        if (ch === inQuote && token[i - 1] !== '\\\\') inQuote = 0;\n        continue;\n      }\n      if (ch === '\"' || ch === \"'\") {\n        inQuote = ch;\n        continue;\n      }\n\n      if (ch === '(') depth++;\n      else if (ch === ')') depth = Math.max(0, depth - 1);\n    }\n\n    if (depth !== 0) {\n      // Unbalanced parens → treat as invalid token (skipped).\n      console.warn(\n        'tasty: skipped invalid function token with unmatched parentheses:',\n        token,\n      );\n      return { bucket: Bucket.Mod, processed: '' };\n    }\n  }\n\n  // Quoted string literals should be treated as value tokens (e.g., \"\" for content)\n  if (\n    (token.startsWith('\"') && token.endsWith('\"')) ||\n    (token.startsWith(\"'\") && token.endsWith(\"'\"))\n  ) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 0. Double prefix for literal CSS property names ($$name -> --name, ##name -> --name-color)\n  // Used in transitions and animations to reference the property name itself, not its value\n  if (token.startsWith('$$')) {\n    const name = token.slice(2);\n    if (/^[a-z_][a-z0-9-_]*$/i.test(name)) {\n      return { bucket: Bucket.Value, processed: `--${name}` };\n    }\n  }\n  if (token.startsWith('##')) {\n    const name = token.slice(2);\n    if (/^[a-z_][a-z0-9-_]*$/i.test(name)) {\n      return { bucket: Bucket.Value, processed: `--${name}-color` };\n    }\n  }\n\n  // 0b. Special handling for #current (reserved keyword, cannot be overridden by predefined tokens)\n  // #current maps to CSS currentcolor keyword\n  if (token === '#current') {\n    return { bucket: Bucket.Color, processed: 'currentcolor' };\n  }\n\n  // #current with opacity: #current.5 or #current.$opacity\n  // Uses color-mix since currentcolor doesn't support rgb() alpha syntax\n  const currentAlphaMatch = token.match(\n    /^#current\\.(\\$[a-z_][a-z0-9-_]*|[0-9]+)$/i,\n  );\n  if (currentAlphaMatch) {\n    const rawAlpha = currentAlphaMatch[1];\n    let percentage: string;\n    if (rawAlpha.startsWith('$')) {\n      // Custom property: $disabled -> calc(var(--disabled) * 100%)\n      const propName = rawAlpha.slice(1);\n      percentage = `calc(var(--${propName}) * 100%)`;\n    } else if (rawAlpha === '0') {\n      percentage = '0%';\n    } else {\n      // Convert .5 -> 50%, .05 -> 5%\n      percentage = `${parseFloat('.' + rawAlpha) * 100}%`;\n    }\n    return {\n      bucket: Bucket.Color,\n      processed: `color-mix(in oklab, currentcolor ${percentage}, transparent)`,\n    };\n  }\n\n  // 0c. Check for predefined tokens (configured via configure({ replaceTokens: {...} }))\n  // Must happen before default $ and # handling to allow overriding\n  if (token[0] === '$' || token[0] === '#') {\n    const predefinedTokens = getGlobalPredefinedTokens();\n    if (predefinedTokens) {\n      // Exact match\n      if (token in predefinedTokens) {\n        const tokenValue = predefinedTokens[token];\n        // Lowercase the token value to match parser behavior (parser lowercases input)\n        return classify(tokenValue.toLowerCase(), opts, recurse);\n      }\n      // Check for color token with alpha suffix: #token.alpha or #token.$prop\n      if (token[0] === '#') {\n        const alphaMatch = token.match(\n          /^(#[a-z0-9-]+)\\.(\\$[a-z_][a-z0-9-_]*|[0-9]+)$/i,\n        );\n        if (alphaMatch) {\n          const [, baseToken, rawAlpha] = alphaMatch;\n          if (baseToken in predefinedTokens) {\n            const resolvedValue = predefinedTokens[baseToken];\n\n            // If resolved value starts with # (color token), use standard alpha syntax\n            if (resolvedValue.startsWith('#')) {\n              // Lowercase to match parser behavior\n              return classify(\n                `${resolvedValue.toLowerCase()}.${rawAlpha}`,\n                opts,\n                recurse,\n              );\n            }\n\n            // For color functions like rgb(), rgba(), hsl(), hwb(), etc., inject alpha\n            // Includes all standard CSS color functions plus okhsl (plugin)\n            const funcMatch = resolvedValue.match(\n              /^(rgba?|hsla?|hwb|oklab|oklch|lab|lch|color|okhsl|device-cmyk|gray|color-mix|color-contrast)\\((.+)\\)$/i,\n            );\n            if (funcMatch) {\n              const [, funcName, args] = funcMatch;\n              // Handle $prop syntax for custom property alpha\n              let alpha: string;\n              if (rawAlpha.startsWith('$')) {\n                const propName = rawAlpha.slice(1);\n                alpha = `var(--${propName})`;\n              } else {\n                alpha = rawAlpha === '0' ? '0' : `.${rawAlpha}`;\n              }\n              // Normalize function name: rgba->rgb, hsla->hsl (modern syntax doesn't need 'a' suffix)\n              const normalizedFunc = funcName.replace(/a$/i, '').toLowerCase();\n              // Normalize to modern syntax: replace top-level commas with spaces\n              // Preserves commas inside nested functions like min(), max(), clamp()\n              const normalizeArgs = (a: string) => {\n                let result = '';\n                let depth = 0;\n                for (let i = 0; i < a.length; i++) {\n                  const c = a[i];\n                  if (c === '(') {\n                    depth++;\n                    result += c;\n                  } else if (c === ')') {\n                    depth = Math.max(0, depth - 1);\n                    result += c;\n                  } else if (c === ',' && depth === 0) {\n                    // Skip comma and any following whitespace at top level\n                    while (i + 1 < a.length && /\\s/.test(a[i + 1])) i++;\n                    result += ' ';\n                  } else {\n                    result += c;\n                  }\n                }\n                return result;\n              };\n              // Helper: find last top-level occurrence of a character (ignores parentheses)\n              const findLastTopLevel = (str: string, ch: string) => {\n                let depth = 0;\n                for (let i = str.length - 1; i >= 0; i--) {\n                  const c = str[i];\n                  if (c === ')') depth++;\n                  else if (c === '(') depth = Math.max(0, depth - 1);\n                  else if (c === ch && depth === 0) return i;\n                }\n                return -1;\n              };\n\n              // Check if already has alpha:\n              // - Modern syntax: has `/` separator at top level (works with dynamic alpha like var()/calc())\n              // - Legacy syntax: function ends with 'a' (rgba, hsla) and has exactly 4 top-level comma-separated values\n              const slashIdx = findLastTopLevel(args, '/');\n              const hasModernAlpha = slashIdx !== -1;\n\n              // Count top-level commas to avoid commas inside nested functions\n              let topLevelCommaCount = 0;\n              let lastTopLevelComma = -1;\n              {\n                let depth = 0;\n                for (let i = 0; i < args.length; i++) {\n                  const c = args[i];\n                  if (c === '(') depth++;\n                  else if (c === ')') depth = Math.max(0, depth - 1);\n                  else if (c === ',' && depth === 0) {\n                    topLevelCommaCount++;\n                    lastTopLevelComma = i;\n                  }\n                }\n              }\n\n              const hasLegacyAlpha =\n                !hasModernAlpha &&\n                /a$/i.test(funcName) &&\n                topLevelCommaCount === 3;\n\n              const colorArgs =\n                hasModernAlpha || hasLegacyAlpha\n                  ? normalizeArgs(\n                      hasModernAlpha\n                        ? args.slice(0, slashIdx).trim()\n                        : args.slice(0, lastTopLevelComma).trim(),\n                    )\n                  : normalizeArgs(args);\n\n              const constructed = `${normalizedFunc}(${colorArgs} / ${alpha})`;\n\n              // Custom functions (not native CSS) must be re-classified\n              // so the function handler can convert them to valid CSS\n              if (\n                !COLOR_FUNCS.has(normalizedFunc) &&\n                opts.funcs &&\n                normalizedFunc in opts.funcs\n              ) {\n                return classify(constructed, opts, recurse);\n              }\n\n              return { bucket: Bucket.Color, processed: constructed };\n            }\n\n            // Fallback: try appending .alpha (may not work for all cases)\n            return classify(`${resolvedValue}.${rawAlpha}`, opts, recurse);\n          }\n        }\n      }\n    }\n  }\n\n  // 0. Direct var(--*-color) token\n  const varColorMatch = token.match(/^var\\(--([a-z0-9-]+)-color\\)$/);\n  if (varColorMatch) {\n    return { bucket: Bucket.Color, processed: token };\n  }\n\n  // 1. URL\n  if (token.startsWith('url(')) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 2. Custom property\n  if (token[0] === '$') {\n    const identMatch = token.match(/^\\$([a-z_][a-z0-9-_]*)$/);\n    if (identMatch) {\n      const name = identMatch[1];\n      const processed = `var(--${name})`;\n      const bucketType = name.endsWith('-color') ? Bucket.Color : Bucket.Value;\n      return {\n        bucket: bucketType,\n        processed,\n      };\n    }\n    // invalid custom property → modifier\n  }\n\n  // 3. Hash colors (with optional alpha suffix e.g., #purple.5 or #purple.$disabled)\n  if (token[0] === '#' && token.length > 1) {\n    // alpha form: #name.alpha or #name.$prop\n    const alphaMatch = token.match(\n      /^#([a-z0-9-]+)\\.(\\$[a-z_][a-z0-9-_]*|[0-9]+)$/i,\n    );\n    if (alphaMatch) {\n      const [, base, rawAlpha] = alphaMatch;\n      let alpha: string;\n      if (rawAlpha.startsWith('$')) {\n        // Custom property: $disabled -> var(--disabled)\n        const propName = rawAlpha.slice(1);\n        alpha = `var(--${propName})`;\n      } else if (rawAlpha === '0') {\n        alpha = '0';\n      } else {\n        alpha = `.${rawAlpha}`;\n      }\n      return {\n        bucket: Bucket.Color,\n        processed: `${getColorSpaceFunc()}(var(--${base}-color-${getColorSpaceSuffix()}) / ${alpha})`,\n      };\n    }\n\n    // hyphenated names like #dark-05 should keep full name\n\n    const name = token.slice(1);\n    // valid hex → treat as hex literal with fallback\n    if (RE_HEX.test(name)) {\n      return {\n        bucket: Bucket.Color,\n        processed: `var(--${name}-color, #${name})`,\n      };\n    }\n    // simple color name token → css variable lookup with rgb fallback\n    return { bucket: Bucket.Color, processed: `var(--${name}-color)` };\n  }\n\n  // 4 & 5. Functions\n  const openIdx = token.indexOf('(');\n  if (openIdx > 0 && token.endsWith(')')) {\n    const fname = token.slice(0, openIdx);\n    const inner = token.slice(openIdx + 1, -1); // without ()\n\n    if (COLOR_FUNCS.has(fname)) {\n      // Process inner to expand nested colors or units.\n      const argProcessed = recurse(inner).output.replace(/,\\s+/g, ','); // color funcs expect no spaces after commas\n      return { bucket: Bucket.Color, processed: `${fname}(${argProcessed})` };\n    }\n\n    // user function (provided via opts)\n    if (opts.funcs && fname in opts.funcs) {\n      // split by top-level commas within inner\n      const tmp = new StyleParser(opts).process(inner); // fresh parser w/ same opts but no cache share issues\n      const funcResult = opts.funcs[fname](tmp.groups);\n      // Re-classify the result to determine proper bucket (e.g., if it returns a color)\n      // Pass funcs: undefined to prevent infinite recursion if result matches a function pattern\n      return classify(funcResult, { ...opts, funcs: undefined }, recurse);\n    }\n\n    // generic: process inner and rebuild\n    const argProcessed = recurse(inner).output;\n    return { bucket: Bucket.Value, processed: `${fname}(${argProcessed})` };\n  }\n\n  // 6. Color fallback syntax: (#name, fallback)\n  if (token.startsWith('(') && token.endsWith(')')) {\n    const inner = token.slice(1, -1);\n    const colorMatch = inner.match(/^#([a-z0-9-]+)\\s*,\\s*(.*)$/i);\n    if (colorMatch) {\n      const [, name, fallback] = colorMatch;\n      const processedFallback = recurse(fallback).output;\n      return {\n        bucket: Bucket.Color,\n        processed: `var(--${name}-color, ${processedFallback})`,\n      };\n    }\n  }\n\n  // 7. Custom property with fallback syntax: ($prop, fallback)\n  if (token.startsWith('(') && token.endsWith(')')) {\n    const inner = token.slice(1, -1);\n    const match = inner.match(/^\\$([a-z_][a-z0-9-_]*)\\s*,\\s*(.*)$/);\n    if (match) {\n      const [, name, fallback] = match;\n      const processedFallback = recurse(fallback).output;\n      const bucketType = name.endsWith('-color') ? Bucket.Color : Bucket.Value;\n      return {\n        bucket: bucketType,\n        processed: `var(--${name}, ${processedFallback})`,\n      };\n    }\n  }\n\n  // 8. Auto-calc group\n  if (token[0] === '(' && token[token.length - 1] === ')') {\n    const inner = token.slice(1, -1);\n    const innerProcessed = recurse(inner).output;\n    return { bucket: Bucket.Value, processed: `calc(${innerProcessed})` };\n  }\n\n  // 9. Unit number\n  const um = token.match(RE_UNIT_NUM);\n  if (um) {\n    const unit = um[1];\n    const numericPart = parseFloat(token.slice(0, -unit.length));\n    const handler = opts.units && opts.units[unit];\n    if (handler) {\n      if (typeof handler === 'string') {\n        // Check if this is a raw CSS unit (e.g., \"8px\", \"1rem\")\n        const rawMatch = handler.match(RE_RAW_UNIT);\n        if (rawMatch) {\n          // Raw unit: calculate directly instead of using calc()\n          const [, baseNum, cssUnit] = rawMatch;\n          const result = numericPart * parseFloat(baseNum);\n          const processed = `${result}${cssUnit}`;\n          // Re-parse to resolve any nested units (e.g., units referencing other units)\n          const resolved = resolveUntilStable(processed, opts, recurse);\n          return { bucket: Bucket.Value, processed: resolved };\n        }\n\n        // Non-raw handler (e.g., \"var(--gap)\", \"calc(...)\"): use calc() wrapping\n        const base = handler;\n        if (numericPart === 1) {\n          return { bucket: Bucket.Value, processed: base };\n        }\n        return {\n          bucket: Bucket.Value,\n          processed: `calc(${numericPart} * ${base})`,\n        };\n      } else {\n        // Function units return complete CSS expressions, no wrapping needed\n        const inner = handler(numericPart);\n        return {\n          bucket: Bucket.Value,\n          processed: inner,\n        };\n      }\n    }\n  }\n\n  // 9b. Unknown numeric+unit → treat as literal value (e.g., 1fr)\n  if (/^[+-]?(?:\\d*\\.\\d+|\\d+)[a-z%]+$/.test(token)) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 9c. Plain unit-less numbers should be treated as value tokens (e.g.,\n  // numeric arguments in custom style handlers).\n  if (RE_NUMBER.test(token)) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 10. Literal value keywords\n  if (VALUE_KEYWORDS.has(token)) {\n    return { bucket: Bucket.Value, processed: token };\n  }\n\n  // 10b. Special keyword colors\n  if (token === 'transparent' || token === 'currentcolor') {\n    return { bucket: Bucket.Color, processed: token };\n  }\n\n  // 11. Fallback modifier\n  return { bucket: Bucket.Mod, processed: token };\n}\n"],"mappings":"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"}

package/dist/parser/parser.js

@@ -1,6 +1,6 @@
+import { Lru } from "./lru.js";
 import { Bucket, finalizeGroup, finalizePart, makeEmptyDetails, makeEmptyPart } from "./types.js";
 import { classify } from "./classify.js";
-import { Lru } from "./lru.js";
 import { scan } from "./tokenizer.js";
 
 //#region src/parser/parser.ts

package/dist/pipeline/index.d.ts

@@ -46,7 +46,7 @@ interface RenderStylesOptions {
  * When called without classNameOrSelector, returns RenderResult with needsClassName=true.
  * When called with a selector/className string, returns StyleResult[] for direct injection.
  */
-declare function renderStyles(styles?: Styles): RenderResult;
+declare function renderStyles(styles?: Styles, classNameOrSelector?: undefined, options?: undefined, pipelineCacheKey?: string): RenderResult;
 declare function renderStyles(styles: Styles | undefined, classNameOrSelector: string, options?: RenderStylesOptions): StyleResult[];
 //#endregion
 export { RenderResult, StyleResult, isSelector, renderStyles };

package/dist/pipeline/index.js

@@ -1,12 +1,12 @@
 import { Lru } from "../parser/lru.js";
-import { createStateParserContext, extractLocalPredefinedStates } from "../states/index.js";
 import { stringifyStyles } from "../utils/styles.js";
 import { createStyle } from "../styles/createStyle.js";
 import { STYLE_HANDLER_MAP } from "../styles/index.js";
+import { createStateParserContext, extractLocalPredefinedStates } from "../states/index.js";
 import { and, falseCondition, not, or, trueCondition } from "./conditions.js";
 import { simplifyCondition } from "./simplify.js";
 import { buildExclusiveConditions, expandExclusiveOrs, expandOrConditions, isValueMapping, parseStyleEntries } from "./exclusive.js";
-import { buildAtRulesFromVariant, conditionToCSS, modifierToCSS, parentGroupsToCSS, pseudoToCSS, rootConditionsToCSS, selectorConditionToCSS } from "./materialize.js";
+import { branchToCSS, buildAtRulesFromVariant, conditionToCSS, mergeVariantsIntoSelectorGroups, optimizeGroups, parentGroupsToCSS, rootGroupsToCSS, selectorGroupToCSS } from "./materialize.js";
 import { emitWarning } from "./warnings.js";
 import { parseStateKey } from "./parseStateKey.js";
 
@@ -28,6 +28,13 @@ import { parseStateKey } from "./parseStateKey.js";
 */
 const pipelineCache = new Lru(5e3);
 /**
+* Check if a cache key exists in the pipeline cache.
+* Used by renderStylesForChunk to avoid building filtered styles on cache hit.
+*/
+function hasPipelineCacheEntry(cacheKey) {
+	return pipelineCache.get(cacheKey) !== void 0;
+}
+/**
 * Clear the pipeline cache (for testing)
 */
 function clearPipelineCache() {
@@ -38,7 +45,7 @@ function runPipeline(styles, parserContext) {
 	processStyles(styles, "", parserContext, allRules);
 	const seen = /* @__PURE__ */ new Set();
 	return allRules.filter((rule) => {
-		const key = `${rule.selector}|${rule.declarations}|${JSON.stringify(rule.atRules || [])}|${rule.rootPrefix || ""}`;
+		const key = `${rule.selector}|${rule.declarations}|${rule.atRules?.join("|") ?? ""}|${rule.rootPrefix || ""}`;
 		if (seen.has(key)) return false;
 		seen.add(key);
 		return true;
@@ -573,11 +580,12 @@ function mergeByValue(rules) {
 */
 function buildSelectorFromVariant(variant, selectorSuffix) {
 	let selector = "";
-	for (const mod of variant.modifierConditions) selector += modifierToCSS(mod);
-	for (const pseudo of variant.pseudoConditions) selector += pseudoToCSS(pseudo);
+	selector += branchToCSS([...variant.modifierConditions, ...variant.pseudoConditions]);
+	for (const group of variant.selectorGroups) selector += selectorGroupToCSS(group);
 	if (variant.parentGroups.length > 0) selector += parentGroupsToCSS(variant.parentGroups);
 	selector += selectorSuffix;
-	for (const own of variant.ownConditions) selector += selectorConditionToCSS(own);
+	const ownOptimized = optimizeGroups(variant.ownGroups);
+	for (const group of ownOptimized) selector += selectorGroupToCSS(group);
 	return selector;
 }
 /**
@@ -591,7 +599,7 @@ function materializeComputedRule(rule) {
 	if (components.isImpossible || components.variants.length === 0) return [];
 	const declarations = Object.entries(rule.declarations).map(([prop, value]) => `${prop}: ${value};`).join(" ");
 	const getRootPrefixKey = (variant) => {
-		return variant.rootConditions.map((r) => selectorConditionToCSS(r)).sort().join("|");
+		return rootGroupsToCSS(variant.rootGroups) || "";
 	};
 	const byAtRules = /* @__PURE__ */ new Map();
 	for (const variant of components.variants) {
@@ -602,12 +610,12 @@ function materializeComputedRule(rule) {
 		else byAtRules.set(key, {
 			variants: [variant],
 			atRules,
-			rootPrefix: rootConditionsToCSS(variant.rootConditions)
+			rootPrefix: rootGroupsToCSS(variant.rootGroups)
 		});
 	}
 	const rules = [];
 	for (const [, group] of byAtRules) {
-		const selectorFragments = group.variants.map((v) => buildSelectorFromVariant(v, rule.selectorSuffix));
+		const selectorFragments = mergeVariantsIntoSelectorGroups(group.variants).map((v) => buildSelectorFromVariant(v, rule.selectorSuffix));
 		const cssRule = {
 			selector: selectorFragments.length === 1 ? selectorFragments[0] : selectorFragments,
 			declarations
@@ -618,11 +626,13 @@ function materializeComputedRule(rule) {
 	}
 	return rules;
 }
-function renderStyles(styles, classNameOrSelector, options) {
+function renderStyles(styles, classNameOrSelector, options, pipelineCacheKey) {
 	const directSelector = !!classNameOrSelector;
-	if (!styles) return directSelector ? [] : { rules: [] };
-	const cacheKey = stringifyStyles(styles);
-	let rules = pipelineCache.get(cacheKey);
+	let rules;
+	if (pipelineCacheKey) rules = pipelineCache.get(pipelineCacheKey);
+	if (!rules && !styles) return directSelector ? [] : { rules: [] };
+	const cacheKey = pipelineCacheKey || stringifyStyles(styles);
+	if (!rules) rules = pipelineCache.get(cacheKey);
 	if (!rules) {
 		rules = runPipeline(styles, createStateParserContext(styles));
 		pipelineCache.set(cacheKey, rules);
@@ -656,5 +666,5 @@ function renderStyles(styles, classNameOrSelector, options) {
 }
 
 //#endregion
-export { clearPipelineCache, isSelector, renderStyles };
+export { clearPipelineCache, hasPipelineCacheEntry, isSelector, renderStyles };
 //# sourceMappingURL=index.js.map

package/dist/pipeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/pipeline/index.ts"],"sourcesContent":["/**\n * Tasty Style Rendering Pipeline\n *\n * This is the main entrypoint for the new pipeline implementation.\n * It implements the complete flow from style objects to CSS rules.\n *\n * Pipeline stages:\n * 1. PARSE CONDITIONS - Parse state keys into ConditionNode trees\n * 2. BUILD EXCLUSIVE CONDITIONS - AND with negation of higher-priority conditions\n * 3. SIMPLIFY CONDITIONS - Apply boolean algebra, detect contradictions\n * 4. GROUP BY HANDLER - Collect styles per handler, compute combinations\n * 5. COMPUTE CSS VALUES - Call handlers to get CSS declarations\n * 6. MERGE BY VALUE - Merge rules with identical CSS output\n * 7. MATERIALIZE CSS - Convert conditions to CSS selectors + at-rules\n */\n\nimport { Lru } from '../parser/lru';\nimport type { StateParserContext } from '../states';\nimport {\n  createStateParserContext,\n  extractLocalPredefinedStates,\n} from '../states';\nimport { createStyle, STYLE_HANDLER_MAP } from '../styles';\nimport type { Styles } from '../styles/types';\nimport type {\n  StyleHandler,\n  StyleMap,\n  StyleValue,\n  StyleValueStateMap,\n} from '../utils/styles';\nimport { stringifyStyles } from '../utils/styles';\n\nimport type { ConditionNode } from './conditions';\nimport { and, or, trueCondition } from './conditions';\nimport type { ExclusiveStyleEntry } from './exclusive';\nimport {\n  buildExclusiveConditions,\n  expandExclusiveOrs,\n  expandOrConditions,\n  isValueMapping,\n  parseStyleEntries,\n} from './exclusive';\nimport type { CSSRule, SelectorVariant } from './materialize';\nimport {\n  buildAtRulesFromVariant,\n  conditionToCSS,\n  modifierToCSS,\n  parentGroupsToCSS,\n  pseudoToCSS,\n  rootConditionsToCSS,\n  selectorConditionToCSS,\n} from './materialize';\nimport { parseStateKey } from './parseStateKey';\nimport { simplifyCondition } from './simplify';\nimport { emitWarning } from './warnings';\n\n// ============================================================================\n// Types (compatible with old renderStyles API)\n// ============================================================================\n\n/**\n * Matches the old StyleResult interface for backward compatibility\n */\nexport interface StyleResult {\n  selector: string;\n  declarations: string;\n  atRules?: string[];\n  needsClassName?: boolean;\n  rootPrefix?: string;\n}\n\n/**\n * Matches the old RenderResult interface for backward compatibility\n */\nexport interface RenderResult {\n  rules: StyleResult[];\n  className?: string;\n}\n\nexport interface PipelineResult {\n  rules: CSSRule[];\n  className?: string;\n}\n\ninterface ComputedRule {\n  condition: ConditionNode;\n  declarations: Record<string, string>;\n  selectorSuffix: string;\n}\n\n// ============================================================================\n// Caching\n// ============================================================================\n\nconst pipelineCache = new Lru<string, CSSRule[]>(5000);\n\n// ============================================================================\n// Main Pipeline Function\n// ============================================================================\n\n/**\n * Render styles using the new pipeline.\n *\n * This is the main entrypoint that implements the complete flow.\n */\nexport function renderStylesPipeline(\n  styles?: Styles,\n  className?: string,\n): PipelineResult {\n  if (!styles) {\n    return { rules: [], className };\n  }\n\n  // Check cache\n  const cacheKey = stringifyStyles(styles);\n  let rules = pipelineCache.get(cacheKey);\n\n  if (!rules) {\n    // Create parser context\n    const parserContext = createStateParserContext(styles);\n\n    // Run pipeline\n    rules = runPipeline(styles, parserContext);\n\n    // Cache result\n    pipelineCache.set(cacheKey, rules);\n  }\n\n  // If no className, rules need it to be prepended later\n  if (!className) {\n    return {\n      rules: rules.map((r) => ({\n        ...r,\n        needsClassName: true,\n      })),\n    };\n  }\n\n  // Prepend className to selectors\n  const finalRules = rules.map((rule) => {\n    // Parse the selector to find where to insert className\n    let selector = rule.selector;\n\n    // If selector starts with :root, insert className after the :root part\n    if (rule.rootPrefix) {\n      selector = `${rule.rootPrefix} .${className}.${className}${selector}`;\n    } else {\n      selector = `.${className}.${className}${selector}`;\n    }\n\n    return {\n      ...rule,\n      selector,\n    };\n  });\n\n  return {\n    rules: finalRules,\n    className,\n  };\n}\n\n/**\n * Clear the pipeline cache (for testing)\n */\nexport function clearPipelineCache(): void {\n  pipelineCache.clear();\n}\n\n// ============================================================================\n// Pipeline Implementation\n// ============================================================================\n\nfunction runPipeline(\n  styles: Styles,\n  parserContext: StateParserContext,\n): CSSRule[] {\n  const allRules: CSSRule[] = [];\n\n  // Process styles recursively (including nested selectors)\n  processStyles(styles, '', parserContext, allRules);\n\n  // Deduplicate rules\n  const seen = new Set<string>();\n  const dedupedRules = allRules.filter((rule) => {\n    // Include rootPrefix in dedup key - rules with different root prefixes are distinct\n    const key = `${rule.selector}|${rule.declarations}|${JSON.stringify(rule.atRules || [])}|${rule.rootPrefix || ''}`;\n    if (seen.has(key)) return false;\n    seen.add(key);\n    return true;\n  });\n\n  return dedupedRules;\n}\n\n/**\n * Process styles at a given nesting level\n */\nfunction processStyles(\n  styles: Styles,\n  selectorSuffix: string,\n  parserContext: StateParserContext,\n  allRules: CSSRule[],\n): void {\n  const keys = Object.keys(styles);\n\n  // Separate selector keys from style keys\n  // Skip @keyframes (processed separately) and other @ prefixed keys (predefined states)\n  const selectorKeys = keys.filter((key) => isSelector(key));\n  const styleKeys = keys.filter(\n    (key) => !isSelector(key) && !key.startsWith('@'),\n  );\n\n  // Process nested selectors first\n  for (const key of selectorKeys) {\n    const nestedStyles = styles[key] as Styles;\n    if (!nestedStyles || typeof nestedStyles !== 'object') continue;\n\n    // Get all selectors (handles comma-separated patterns)\n    const suffixes = getAllSelectors(key, nestedStyles);\n    if (!suffixes) continue; // Invalid selector, skip\n\n    // Remove $ from nested styles\n    const { $: _$, ...cleanedStyles } = nestedStyles;\n\n    // Extract local predefined states scoped to this sub-element\n    const subLocalStates = extractLocalPredefinedStates(cleanedStyles);\n    const hasSubStates = Object.keys(subLocalStates).length > 0;\n    const subContext: StateParserContext = {\n      ...parserContext,\n      isSubElement: true,\n      localPredefinedStates: hasSubStates\n        ? { ...parserContext.localPredefinedStates, ...subLocalStates }\n        : parserContext.localPredefinedStates,\n    };\n\n    // Process for each selector (multiple selectors = same styles applied to each)\n    for (const suffix of suffixes) {\n      processStyles(\n        cleanedStyles,\n        selectorSuffix + suffix,\n        subContext,\n        allRules,\n      );\n    }\n  }\n\n  // Build handler queue\n  const handlerQueue = buildHandlerQueue(styleKeys, styles);\n\n  // Process each handler\n  for (const { handler, styleMap } of handlerQueue) {\n    const lookupStyles = handler.__lookupStyles;\n\n    // Stage 1 & 2: Parse and build exclusive conditions for each style\n    // Exclusive conditions ensure each CSS rule applies to exactly one state.\n    // OR conditions in exclusives are properly expanded to DNF (multiple CSS selectors).\n    const exclusiveByStyle = new Map<string, ExclusiveStyleEntry[]>();\n\n    for (const styleName of lookupStyles) {\n      const value = styleMap[styleName];\n      if (value === undefined) continue;\n\n      if (isValueMapping(value)) {\n        // Parse entries from value mapping\n        const parsed = parseStyleEntries(styleName, value, (stateKey) =>\n          parseStateKey(stateKey, { context: parserContext }),\n        );\n\n        // Expand OR conditions into exclusive branches\n        // This ensures OR branches like `A | B | C` become:\n        //   A, B & !A, C & !A & !B\n        const expanded = expandOrConditions(parsed);\n\n        // Build exclusive conditions across all entries\n        const exclusive = buildExclusiveConditions(expanded);\n\n        // Expand ORs from De Morgan negation into exclusive branches\n        // This transforms: !A | !B  →  !A, (A & !B)\n        // Ensures each CSS rule has proper at-rule context\n        const fullyExpanded = expandExclusiveOrs(exclusive);\n        exclusiveByStyle.set(styleName, fullyExpanded);\n      } else {\n        // Simple value - single entry with TRUE condition\n        exclusiveByStyle.set(styleName, [\n          {\n            styleKey: styleName,\n            stateKey: '',\n            value,\n            condition: trueCondition(),\n            priority: 0,\n            exclusiveCondition: trueCondition(),\n          },\n        ]);\n      }\n    }\n\n    // Stage 4: Compute all valid state combinations\n    const stateSnapshots = computeStateCombinations(\n      exclusiveByStyle,\n      lookupStyles,\n    );\n\n    // Stage 5: Call handler for each snapshot\n    const computedRules: ComputedRule[] = [];\n\n    for (const snapshot of stateSnapshots) {\n      const result = handler(snapshot.values as StyleValueStateMap);\n      if (!result) continue;\n\n      // Handler may return single or array\n      const results = Array.isArray(result) ? result : [result];\n\n      for (const r of results) {\n        if (!r || typeof r !== 'object') continue;\n\n        const { $, ...styleProps } = r;\n        const declarations: Record<string, string> = {};\n\n        for (const [prop, val] of Object.entries(styleProps)) {\n          if (val != null && val !== '') {\n            declarations[prop] = String(val);\n          }\n        }\n\n        if (Object.keys(declarations).length === 0) continue;\n\n        // Handle $ suffixes\n        const suffixes = $\n          ? (Array.isArray($) ? $ : [$]).map(\n              (s) => selectorSuffix + normalizeSelectorSuffix(String(s)),\n            )\n          : [selectorSuffix];\n\n        for (const suffix of suffixes) {\n          computedRules.push({\n            condition: snapshot.condition,\n            declarations,\n            selectorSuffix: suffix,\n          });\n        }\n      }\n    }\n\n    // Stage 6: Merge rules with identical CSS output\n    const mergedRules = mergeByValue(computedRules);\n\n    // Stage 7: Materialize to CSS\n    for (const rule of mergedRules) {\n      const cssRules = materializeComputedRule(rule);\n      allRules.push(...cssRules);\n    }\n  }\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Check if a key is a CSS selector\n */\nexport function isSelector(key: string): boolean {\n  return key.startsWith('&') || key.startsWith('.') || /^[A-Z]/.test(key);\n}\n\n/**\n * Result of processing a selector affix ($) pattern.\n *\n * @example\n * // Valid result with multiple selectors\n * { valid: true, selectors: ['> [data-element=\"Cell\"]', ' [data-element=\"Body\"] > [data-element=\"Cell\"]'] }\n *\n * // Invalid result with error message\n * { valid: false, reason: 'Selector affix \"+\" targets elements outside the root scope.' }\n */\ntype AffixResult =\n  | { valid: true; selectors: string[] }\n  | { valid: false; reason: string };\n\n/**\n * Get all selector suffixes for a sub-element key.\n *\n * Handles three types of selector keys:\n * - `&` prefix: Raw selector suffix (e.g., `&:hover` → `:hover`)\n * - `.` prefix: Class selector (e.g., `.active` → ` .active`)\n * - Uppercase: Sub-element with optional `$` affix pattern\n *\n * @param key - The sub-element key (e.g., 'Label', '&:hover', '.active')\n * @param styles - The styles object, may contain `$` property for selector affix\n * @returns Array of selector suffixes, or null if invalid (with console warning)\n *\n * @example\n * getAllSelectors('Label', {})\n * // → [' [data-element=\"Label\"]']\n *\n * getAllSelectors('Cell', { $: '>, >Body>' })\n * // → ['> [data-element=\"Cell\"]', ' [data-element=\"Body\"] > [data-element=\"Cell\"]']\n */\nfunction getAllSelectors(key: string, styles?: Styles): string[] | null {\n  if (key.startsWith('&')) {\n    return [key.slice(1)];\n  }\n\n  if (key.startsWith('.')) {\n    return [` ${key}`];\n  }\n\n  if (/^[A-Z]/.test(key)) {\n    const affix = styles?.$;\n    if (affix !== undefined) {\n      const result = processAffix(String(affix), key);\n      if (!result.valid) {\n        emitWarning('INVALID_SELECTOR_AFFIX', result.reason);\n        return null;\n      }\n      return result.selectors;\n    }\n    return [` [data-element=\"${key}\"]`];\n  }\n\n  return null;\n}\n\n/**\n * Process selector affix pattern and return selector(s)\n *\n * Supports:\n * - Direct child: '>'\n * - Chained elements: '>Body>Row>'\n * - HTML tags: 'a', '>ul>li', 'button:hover'\n * - Pseudo-elements on root: '::before'\n * - Pseudo on sub-element: '@::before', '>@:hover'\n * - Classes: '.active', '>@.active'\n * - Multiple selectors: '>, >Body>'\n * - Sibling combinators (after element): '>Item+', '>Item~'\n */\nfunction processAffix(affix: string, key: string): AffixResult {\n  const trimmed = affix.trim();\n\n  // Empty = default behavior (descendant selector with key)\n  if (!trimmed) {\n    return { valid: true, selectors: [` [data-element=\"${key}\"]`] };\n  }\n\n  // Split by comma for multiple selectors\n  const patterns = trimmed.split(',').map((p) => p.trim());\n  const selectors: string[] = [];\n\n  for (const pattern of patterns) {\n    const validation = validatePattern(pattern);\n    if (!validation.valid) {\n      return validation;\n    }\n\n    const selector = processSinglePattern(pattern, key);\n    selectors.push(selector);\n  }\n\n  return { valid: true, selectors };\n}\n\n/**\n * Recognized token patterns for selector affix validation.\n *\n * These patterns are used to tokenize and validate `$` affix strings.\n * Order matters: more specific patterns must come first to avoid\n * partial matches (e.g., `::before` must match before `:` alone).\n *\n * Unrecognized tokens (like `#id`, `*`, or numbers) will cause validation to fail.\n */\nconst VALID_TOKEN_PATTERNS = [\n  /^[>+~]/, // Combinators: >, +, ~\n  /^[A-Z][a-zA-Z0-9]*/, // Uppercase element names → [data-element=\"...\"]\n  /^@/, // @ placeholder for key injection position\n  /^::?[a-z][a-z0-9-]*(?:\\([^)]*\\))?/, // Pseudo-elements/classes (:hover, ::before, :not(.x))\n  /^\\.[a-zA-Z_-][a-zA-Z0-9_-]*/, // Class selectors (.active, .is-open)\n  /^\\[[^\\]]+\\]/, // Attribute selectors ([type=\"text\"], [role])\n  /^[a-z][a-z0-9-]*/, // HTML tag names (a, div, button, my-component)\n  /^\\s+/, // Whitespace (ignored during parsing)\n  /^&/, // Root reference (stripped, kept for backward compat)\n];\n\n/**\n * Scan a pattern for unrecognized tokens.\n *\n * Iterates through the pattern, consuming recognized tokens until\n * either the pattern is fully consumed (valid) or an unrecognized\n * character sequence is found (invalid).\n *\n * @param pattern - The selector pattern to validate\n * @returns The first unrecognized token found, or null if all tokens are valid\n *\n * @example\n * findUnrecognizedTokens('>Body>Row>') // → null (valid)\n * findUnrecognizedTokens('123')         // → '123' (invalid)\n * findUnrecognizedTokens('#myId')       // → '#' (invalid)\n */\nfunction findUnrecognizedTokens(pattern: string): string | null {\n  let remaining = pattern;\n\n  while (remaining.length > 0) {\n    let matched = false;\n\n    for (const regex of VALID_TOKEN_PATTERNS) {\n      const match = remaining.match(regex);\n      if (match) {\n        remaining = remaining.slice(match[0].length);\n        matched = true;\n        break;\n      }\n    }\n\n    if (!matched) {\n      // Found unrecognized content - extract the problematic part\n      const unrecognized = remaining.match(/^[^\\s>+~@.:[\\]A-Z]+/);\n      return unrecognized ? unrecognized[0] : remaining[0];\n    }\n  }\n\n  return null;\n}\n\n/**\n * Validate a selector pattern for structural correctness.\n *\n * Checks for:\n * 1. Out-of-scope selectors: Patterns starting with `+` or `~` target siblings\n *    of the root element, which is outside the component's DOM scope.\n * 2. Consecutive combinators: Patterns like `>>` or `>+` are malformed CSS.\n * 3. Unrecognized tokens: Characters/sequences not matching valid CSS selectors.\n *\n * @param pattern - A single selector pattern (already split by comma)\n * @returns AffixResult indicating validity and error reason if invalid\n *\n * @example\n * validatePattern('>Body>Row>')  // → { valid: true, selectors: [] }\n * validatePattern('+')           // → { valid: false, reason: '...outside root scope...' }\n * validatePattern('>>')          // → { valid: false, reason: '...consecutive combinators...' }\n */\nfunction validatePattern(pattern: string): AffixResult {\n  const trimmed = pattern.trim();\n\n  // Patterns starting with + or ~ target siblings of the root element,\n  // which is outside the component's scope. Valid sibling patterns must\n  // be preceded by an element: \">Item+\", \">Item~\"\n  if (/^[+~]/.test(trimmed)) {\n    return {\n      valid: false,\n      reason:\n        `Selector affix \"${pattern}\" targets elements outside the root scope. ` +\n        `Sibling selectors (+, ~) must be preceded by an element inside the root. ` +\n        `Use \">Element+\" or \">Element~\" instead.`,\n    };\n  }\n\n  // Check for consecutive combinators\n  if (/[>+~]{2,}/.test(trimmed.replace(/\\s+/g, ''))) {\n    return {\n      valid: false,\n      reason: `Selector affix \"${pattern}\" contains consecutive combinators.`,\n    };\n  }\n\n  // Check for unrecognized tokens (e.g., lowercase text like \"foo\")\n  const unrecognized = findUnrecognizedTokens(trimmed);\n  if (unrecognized) {\n    return {\n      valid: false,\n      reason:\n        `Selector affix \"${pattern}\" contains unrecognized token \"${unrecognized}\". ` +\n        `Valid tokens: combinators (>, +, ~), element names (Uppercase), ` +\n        `@ placeholder, pseudo (:hover, ::before), class (.name), attribute ([attr]).`,\n    };\n  }\n\n  return { valid: true, selectors: [] };\n}\n\n/**\n * Process a single selector pattern into a CSS selector suffix.\n *\n * This is the main transformation function that converts a `$` affix pattern\n * into a valid CSS selector suffix. It handles:\n *\n * 1. `@` placeholder replacement with `[data-element=\"key\"]`\n * 2. Key injection based on pattern ending (see `shouldInjectKey`)\n * 3. Proper spacing for descendant vs direct child selectors\n *\n * @param pattern - A single validated selector pattern\n * @param key - The sub-element key to inject (e.g., 'Label', 'Cell')\n * @returns CSS selector suffix ready to append to the root selector\n *\n * @example\n * processSinglePattern('>', 'Row')\n * // → '> [data-element=\"Row\"]'\n *\n * processSinglePattern('>Body>Row>', 'Cell')\n * // → '> [data-element=\"Body\"] > [data-element=\"Row\"] > [data-element=\"Cell\"]'\n *\n * processSinglePattern('::before', 'Before')\n * // → '::before' (no key injection for pseudo on root)\n *\n * processSinglePattern('>@:hover', 'Item')\n * // → '> [data-element=\"Item\"]:hover'\n */\nfunction processSinglePattern(pattern: string, key: string): string {\n  // Strip leading & if present (implicit root reference, kept for compat)\n  const normalized = pattern.replace(/^&/, '').trim();\n\n  if (!normalized) {\n    return ` [data-element=\"${key}\"]`;\n  }\n\n  // Pseudo-elements/classes at start apply directly to root (no space prefix)\n  const startsWithPseudo = /^::?[a-z]/.test(normalized);\n\n  // Transform the pattern: convert element names and normalize spacing\n  let result = transformPattern(normalized);\n\n  // Handle @ placeholder: explicit key injection position\n  if (result.includes('@')) {\n    // Remove space between @ and following class/pseudo for proper attachment\n    // e.g., \"@ .active\" → \"[el].active\", but \"@ > span\" → \"[el] > span\"\n    result = result.replace(/@ (?=[.:])/g, '@');\n    result = result.replace(/@/g, `[data-element=\"${key}\"]`);\n\n    if (!startsWithPseudo && !result.startsWith(' ')) {\n      result = ' ' + result;\n    }\n    return result;\n  }\n\n  // Auto-inject key based on pattern ending (see shouldInjectKey for rules)\n  if (shouldInjectKey(normalized)) {\n    result = result + ' ' + `[data-element=\"${key}\"]`;\n  }\n\n  // Add space prefix for selectors targeting inside root (not pseudo on root)\n  if (!startsWithPseudo && !result.startsWith(' ')) {\n    result = ' ' + result;\n  }\n\n  return result;\n}\n\n/**\n * Transform a selector pattern by converting element names and normalizing spacing.\n *\n * This is a character-by-character tokenizer that:\n * - Converts uppercase names to `[data-element=\"Name\"]` selectors\n * - Adds proper spacing around combinators (>, +, ~)\n * - Preserves lowercase tags, classes, pseudos, and attributes as-is\n * - Keeps @ placeholder for later replacement\n *\n * The tokenizer handles these token types in order:\n * 1. Whitespace (skipped)\n * 2. Combinators: >, +, ~ (add surrounding spaces)\n * 3. Uppercase names: Body, Row (convert to [data-element=\"...\"])\n * 4. @ placeholder (keep for later replacement)\n * 5. Pseudo: :hover, ::before (attach to previous token)\n * 6. Tags: a, div, button (keep as-is with spacing)\n * 7. Classes: .active (attach to previous element/tag/placeholder)\n * 8. Attributes: [type=\"text\"] (keep as-is)\n *\n * @param pattern - The raw selector pattern to transform\n * @returns Transformed pattern with proper CSS selector syntax\n *\n * @example\n * transformPattern('>Body>Row>')\n * // → '> [data-element=\"Body\"] > [data-element=\"Row\"] >'\n *\n * transformPattern('button.primary:hover')\n * // → 'button.primary:hover'\n */\nfunction transformPattern(pattern: string): string {\n  let result = '';\n  let lastCh = '';\n  let i = 0;\n\n  while (i < pattern.length) {\n    const char = pattern[i];\n\n    if (/\\s/.test(char)) {\n      i++;\n      continue;\n    }\n\n    if (/[>+~]/.test(char)) {\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      result += char;\n      lastCh = char;\n      i++;\n      continue;\n    }\n\n    if (/[A-Z]/.test(char)) {\n      const nameStart = i;\n      while (i < pattern.length && /[a-zA-Z0-9]/.test(pattern[i])) {\n        i++;\n      }\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      const segment = `[data-element=\"${pattern.slice(nameStart, i)}\"]`;\n      result += segment;\n      lastCh = ']';\n      continue;\n    }\n\n    if (char === '@') {\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      result += '@';\n      lastCh = '@';\n      i++;\n      continue;\n    }\n\n    if (char === ':') {\n      const pseudoStart = i;\n      while (\n        i < pattern.length &&\n        !/[\\s>+~,@]/.test(pattern[i]) &&\n        !/[A-Z]/.test(pattern[i])\n      ) {\n        i++;\n      }\n      const segment = pattern.slice(pseudoStart, i);\n      result += segment;\n      lastCh = segment[segment.length - 1] || lastCh;\n      continue;\n    }\n\n    if (/[a-z]/.test(char)) {\n      const tagStart = i;\n      while (i < pattern.length && /[a-z0-9-]/.test(pattern[i])) {\n        i++;\n      }\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      const segment = pattern.slice(tagStart, i);\n      result += segment;\n      lastCh = segment[segment.length - 1] || lastCh;\n      continue;\n    }\n\n    if (char === '.') {\n      const attachToLast =\n        lastCh === ']' || lastCh === '@' || /[a-zA-Z0-9-]/.test(lastCh);\n      if (result && !attachToLast && lastCh !== ' ') {\n        result += ' ';\n      }\n      const clsStart = i;\n      i++;\n      while (i < pattern.length && /[a-zA-Z0-9_-]/.test(pattern[i])) {\n        i++;\n      }\n      const segment = pattern.slice(clsStart, i);\n      result += segment;\n      lastCh = segment[segment.length - 1] || lastCh;\n      continue;\n    }\n\n    if (char === '[') {\n      const attachToLast =\n        lastCh === ']' || lastCh === '@' || /[a-zA-Z0-9-]/.test(lastCh);\n      if (result && !attachToLast && lastCh !== ' ') {\n        result += ' ';\n      }\n      const attrStart = i;\n      let depth = 0;\n      while (i < pattern.length) {\n        if (pattern[i] === '[') depth++;\n        if (pattern[i] === ']') depth--;\n        i++;\n        if (depth === 0) break;\n      }\n      result += pattern.slice(attrStart, i);\n      lastCh = ']';\n      continue;\n    }\n\n    result += char;\n    lastCh = char;\n    i++;\n  }\n\n  return result;\n}\n\n/**\n * Determine if the sub-element key should be auto-injected based on pattern ending.\n *\n * Key injection rules (when no @ placeholder is present):\n *\n * | Pattern Ending | Inject Key? | Example | Result |\n * |----------------|-------------|---------|--------|\n * | Combinator (>, +, ~) | Yes | `'>Body>'` | `> [data-element=\"Body\"] > [el]` |\n * | Uppercase element | Yes | `'>Body>Row'` | `> [el1] > [el2] [key]` |\n * | Lowercase tag | Yes | `'>ul>li'` | `> ul > li [key]` |\n * | Pseudo (:hover, ::before) | No | `'::before'` | `::before` |\n * | Class (.active) | No | `'.active'` | `.active` |\n * | Attribute ([type]) | No | `'[type=\"text\"]'` | `[type=\"text\"]` |\n *\n * @param pattern - The normalized pattern (after stripping &)\n * @returns true if key should be injected, false otherwise\n *\n * @example\n * shouldInjectKey('>')           // → true (trailing combinator)\n * shouldInjectKey('>Body>Row')   // → true (ends with element)\n * shouldInjectKey('>ul>li')      // → true (ends with tag)\n * shouldInjectKey('::before')    // → false (ends with pseudo)\n * shouldInjectKey('.active')     // → false (ends with class)\n * shouldInjectKey('a:hover')     // → false (ends with pseudo)\n * shouldInjectKey('button.primary') // → false (ends with class)\n */\nfunction shouldInjectKey(pattern: string): boolean {\n  const trimmed = pattern.trim();\n\n  // Rule 1: Ends with combinator → inject key after it\n  // e.g., '>' → '> [data-element=\"Key\"]'\n  if (/[>+~]$/.test(trimmed)) {\n    return true;\n  }\n\n  // Rule 2: Ends with uppercase element name → inject key as descendant\n  // The lookbehind ensures we're matching a standalone element name, not\n  // part of a class like .myClass (where C is preceded by lowercase)\n  // e.g., '>Body' → '> [data-element=\"Body\"] [data-element=\"Key\"]'\n  if (/(?:^|[\\s>+~\\]:])[A-Z][a-zA-Z0-9]*$/.test(trimmed)) {\n    return true;\n  }\n\n  // Rule 3: Ends with lowercase tag name → inject key as descendant\n  // The negative lookbehind (?<![:.]) ensures we don't match:\n  // - ':hover' (pseudo ending)\n  // - '.primary' (class ending)\n  // e.g., '>ul>li' → '> ul > li [data-element=\"Key\"]'\n  if (/(?<![:.])(?:^|[\\s>+~])[a-z][a-z0-9-]*$/.test(trimmed)) {\n    return true;\n  }\n\n  // Rule 4: Otherwise (pseudo, class, attribute) → no injection\n  // The pattern is complete as-is, applying to root or a specific selector\n  return false;\n}\n\n/**\n * Normalize selector suffix from $ property\n */\nfunction normalizeSelectorSuffix(suffix: string): string {\n  if (!suffix) return '';\n  return suffix.startsWith('&') ? suffix.slice(1) : suffix;\n}\n\n/**\n * Build handler queue from style keys\n */\nfunction buildHandlerQueue(\n  styleKeys: string[],\n  styles: Styles,\n): { handler: StyleHandler; styleMap: StyleMap }[] {\n  const queue: { handler: StyleHandler; styleMap: StyleMap }[] = [];\n  const seenHandlers = new Set<StyleHandler>();\n\n  for (const styleName of styleKeys) {\n    let handlers: StyleHandler[] = STYLE_HANDLER_MAP[styleName];\n\n    if (!handlers) {\n      handlers = STYLE_HANDLER_MAP[styleName] = [createStyle(styleName)];\n    }\n\n    for (const handler of handlers) {\n      if (seenHandlers.has(handler)) continue;\n      seenHandlers.add(handler);\n\n      const lookupStyles = handler.__lookupStyles;\n      const styleMap: StyleMap = {};\n\n      for (const name of lookupStyles) {\n        const val = styles[name];\n        if (val !== undefined) {\n          styleMap[name] = val as StyleValue | StyleValueStateMap;\n        }\n      }\n\n      queue.push({ handler, styleMap });\n    }\n  }\n\n  return queue;\n}\n\n/**\n * Compute all valid state combinations for a handler's lookup styles\n */\nfunction computeStateCombinations(\n  exclusiveByStyle: Map<string, ExclusiveStyleEntry[]>,\n  lookupStyles: string[],\n): { condition: ConditionNode; values: Record<string, StyleValue> }[] {\n  // Get entries for each style\n  const entriesPerStyle = lookupStyles.map(\n    (style) => exclusiveByStyle.get(style) || [],\n  );\n\n  // Cartesian product of all combinations\n  const combinations = cartesianProduct(entriesPerStyle);\n\n  // Build snapshots, simplifying and filtering impossible combinations\n  const snapshots: {\n    condition: ConditionNode;\n    values: Record<string, StyleValue>;\n  }[] = [];\n\n  for (const combo of combinations) {\n    // Combine all exclusive conditions with AND\n    const conditions = combo.map((e) => e.exclusiveCondition);\n    const combined = and(...conditions);\n    const simplified = simplifyCondition(combined);\n\n    // Skip impossible combinations\n    if (simplified.kind === 'false') continue;\n\n    // Build values map\n    const values: Record<string, StyleValue> = {};\n    for (const entry of combo) {\n      values[entry.styleKey] = entry.value;\n    }\n\n    snapshots.push({\n      condition: simplified,\n      values,\n    });\n  }\n\n  return snapshots;\n}\n\n/**\n * Cartesian product of arrays\n */\nfunction cartesianProduct<T>(arrays: T[][]): T[][] {\n  if (arrays.length === 0) return [[]];\n\n  const nonEmpty = arrays.filter((a) => a.length > 0);\n  if (nonEmpty.length === 0) return [[]];\n\n  let result: T[][] = [[]];\n  for (const arr of nonEmpty) {\n    const next: T[][] = [];\n    for (const combo of result) {\n      for (const item of arr) {\n        const newCombo = new Array<T>(combo.length + 1);\n        for (let i = 0; i < combo.length; i++) newCombo[i] = combo[i];\n        newCombo[combo.length] = item;\n        next.push(newCombo);\n      }\n    }\n    result = next;\n  }\n  return result;\n}\n\nconst declStringCache = new WeakMap<Record<string, string>, string>();\n\nfunction stringifyDeclarations(decl: Record<string, string>): string {\n  let cached = declStringCache.get(decl);\n  if (cached === undefined) {\n    cached = JSON.stringify(decl);\n    declStringCache.set(decl, cached);\n  }\n  return cached;\n}\n\n/**\n * Merge rules with identical CSS output\n */\nfunction mergeByValue(rules: ComputedRule[]): ComputedRule[] {\n  const groups = new Map<string, ComputedRule[]>();\n\n  for (const rule of rules) {\n    const key = `${rule.selectorSuffix}|${stringifyDeclarations(rule.declarations)}`;\n    if (!groups.has(key)) {\n      groups.set(key, []);\n    }\n    groups.get(key)!.push(rule);\n  }\n\n  // Merge conditions with OR for each group\n  const merged: ComputedRule[] = [];\n\n  for (const [, groupRules] of groups) {\n    if (groupRules.length === 1) {\n      merged.push(groupRules[0]);\n    } else {\n      // Merge conditions with OR\n      const mergedCondition = simplifyCondition(\n        or(...groupRules.map((r) => r.condition)),\n      );\n      merged.push({\n        condition: mergedCondition,\n        declarations: groupRules[0].declarations,\n        selectorSuffix: groupRules[0].selectorSuffix,\n      });\n    }\n  }\n\n  return merged;\n}\n\n/**\n * Build selector fragment from a variant (without className prefix)\n */\nfunction buildSelectorFromVariant(\n  variant: SelectorVariant,\n  selectorSuffix: string,\n): string {\n  let selector = '';\n\n  // Add modifier selectors\n  for (const mod of variant.modifierConditions) {\n    selector += modifierToCSS(mod);\n  }\n\n  // Add pseudo selectors\n  for (const pseudo of variant.pseudoConditions) {\n    selector += pseudoToCSS(pseudo);\n  }\n\n  // Add parent selectors (before sub-element suffix)\n  if (variant.parentGroups.length > 0) {\n    selector += parentGroupsToCSS(variant.parentGroups);\n  }\n\n  selector += selectorSuffix;\n\n  // Add own selectors (after sub-element)\n  for (const own of variant.ownConditions) {\n    selector += selectorConditionToCSS(own);\n  }\n\n  return selector;\n}\n\n/**\n * Materialize a computed rule to final CSS format\n *\n * Returns an array because OR conditions may generate multiple CSS rules\n * (when different branches have different at-rules)\n */\nfunction materializeComputedRule(rule: ComputedRule): CSSRule[] {\n  const components = conditionToCSS(rule.condition);\n\n  if (components.isImpossible || components.variants.length === 0) {\n    return [];\n  }\n\n  const declarations = Object.entries(rule.declarations)\n    .map(([prop, value]) => `${prop}: ${value};`)\n    .join(' ');\n\n  // Helper to get root prefix key for grouping\n  const getRootPrefixKey = (variant: SelectorVariant): string => {\n    return variant.rootConditions\n      .map((r) => selectorConditionToCSS(r))\n      .sort()\n      .join('|');\n  };\n\n  // Group variants by their at-rules (variants with same at-rules can be combined with commas)\n  const byAtRules = new Map<\n    string,\n    { variants: SelectorVariant[]; atRules: string[]; rootPrefix?: string }\n  >();\n\n  for (const variant of components.variants) {\n    const atRules = buildAtRulesFromVariant(variant);\n    const key = atRules.sort().join('|||') + '###' + getRootPrefixKey(variant);\n\n    const group = byAtRules.get(key);\n    if (group) {\n      group.variants.push(variant);\n    } else {\n      byAtRules.set(key, {\n        variants: [variant],\n        atRules,\n        rootPrefix: rootConditionsToCSS(variant.rootConditions),\n      });\n    }\n  }\n\n  // Generate one CSSRule per at-rules group\n  const rules: CSSRule[] = [];\n  for (const [, group] of byAtRules) {\n    // Build selector fragments for each variant (will be joined with className later)\n    const selectorFragments = group.variants.map((v) =>\n      buildSelectorFromVariant(v, rule.selectorSuffix),\n    );\n\n    // Store as array if multiple, string if single\n    const selector =\n      selectorFragments.length === 1 ? selectorFragments[0] : selectorFragments;\n\n    const cssRule: CSSRule = {\n      selector,\n      declarations,\n    };\n\n    if (group.atRules.length > 0) {\n      cssRule.atRules = group.atRules;\n    }\n\n    if (group.rootPrefix) {\n      cssRule.rootPrefix = group.rootPrefix;\n    }\n\n    rules.push(cssRule);\n  }\n\n  return rules;\n}\n\n// ============================================================================\n// Public API: renderStyles (compatible with old API)\n// ============================================================================\n\n/**\n * Options for renderStyles when using direct selector mode.\n */\nexport interface RenderStylesOptions {\n  /**\n   * Whether to double the class selector for increased specificity.\n   * When true, `.myClass` becomes `.myClass.myClass` for higher specificity.\n   *\n   * @default false - User-provided selectors are not doubled.\n   *\n   * Note: This only applies when a classNameOrSelector is provided.\n   * When renderStyles returns RenderResult with needsClassName=true,\n   * the injector handles doubling automatically.\n   */\n  doubleSelector?: boolean;\n}\n\n/**\n * Render styles to CSS rules.\n *\n * When called without classNameOrSelector, returns RenderResult with needsClassName=true.\n * When called with a selector/className string, returns StyleResult[] for direct injection.\n */\nexport function renderStyles(styles?: Styles): RenderResult;\nexport function renderStyles(\n  styles: Styles | undefined,\n  classNameOrSelector: string,\n  options?: RenderStylesOptions,\n): StyleResult[];\nexport function renderStyles(\n  styles?: Styles,\n  classNameOrSelector?: string,\n  options?: RenderStylesOptions,\n): RenderResult | StyleResult[] {\n  // Check if we have a direct selector/className\n  const directSelector = !!classNameOrSelector;\n\n  if (!styles) {\n    return directSelector ? [] : { rules: [] };\n  }\n\n  // Check cache\n  const cacheKey = stringifyStyles(styles);\n  let rules = pipelineCache.get(cacheKey);\n\n  if (!rules) {\n    // Create parser context\n    const parserContext = createStateParserContext(styles);\n\n    // Run pipeline\n    rules = runPipeline(styles, parserContext);\n\n    // Cache result\n    pipelineCache.set(cacheKey, rules);\n  }\n\n  // Direct selector/className mode: return StyleResult[] directly\n  if (directSelector) {\n    const shouldDouble = options?.doubleSelector ?? false;\n\n    return rules.map((rule): StyleResult => {\n      // Handle selector as array (OR conditions) or string\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? [rule.selector]\n          : [''];\n\n      const finalSelector = selectorParts\n        .map((part) => {\n          let sel = part\n            ? `${classNameOrSelector}${part}`\n            : classNameOrSelector;\n\n          // Double class selector for increased specificity if requested\n          // This is used when the caller explicitly wants higher specificity\n          if (shouldDouble && sel.startsWith('.')) {\n            const classMatch = sel.match(/^\\.[a-zA-Z_-][a-zA-Z0-9_-]*/);\n            if (classMatch) {\n              const baseClass = classMatch[0];\n              sel = baseClass + sel;\n            }\n          }\n\n          // Handle root prefix for this selector\n          if (rule.rootPrefix) {\n            sel = `${rule.rootPrefix} ${sel}`;\n          }\n\n          return sel;\n        })\n        .join(', ');\n\n      const result: StyleResult = {\n        selector: finalSelector,\n        declarations: rule.declarations,\n      };\n\n      if (rule.atRules && rule.atRules.length > 0) {\n        result.atRules = rule.atRules;\n      }\n\n      return result;\n    });\n  }\n\n  // No className mode: return RenderResult with needsClassName flag\n  // Normalize selector to string (join array with placeholder that injector will handle)\n  return {\n    rules: rules.map(\n      (r): StyleResult => ({\n        selector: Array.isArray(r.selector)\n          ? r.selector.join('|||')\n          : r.selector,\n        declarations: r.declarations,\n        atRules: r.atRules,\n        needsClassName: true,\n        rootPrefix: r.rootPrefix,\n      }),\n    ),\n  };\n}\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport type { ConditionNode } from './conditions';\nexport { and, or, not, trueCondition, falseCondition } from './conditions';\nexport { parseStateKey } from './parseStateKey';\nexport { simplifyCondition } from './simplify';\nexport { buildExclusiveConditions } from './exclusive';\nexport { conditionToCSS } from './materialize';\nexport type { CSSRule } from './materialize';\nexport { setWarningHandler, emitWarning } from './warnings';\nexport type {\n  TastyWarning,\n  TastyWarningCode,\n  TastyWarningHandler,\n} from './warnings';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/pipeline/index.ts"],"sourcesContent":["/**\n * Tasty Style Rendering Pipeline\n *\n * This is the main entrypoint for the new pipeline implementation.\n * It implements the complete flow from style objects to CSS rules.\n *\n * Pipeline stages:\n * 1. PARSE CONDITIONS - Parse state keys into ConditionNode trees\n * 2. BUILD EXCLUSIVE CONDITIONS - AND with negation of higher-priority conditions\n * 3. SIMPLIFY CONDITIONS - Apply boolean algebra, detect contradictions\n * 4. GROUP BY HANDLER - Collect styles per handler, compute combinations\n * 5. COMPUTE CSS VALUES - Call handlers to get CSS declarations\n * 6. MERGE BY VALUE - Merge rules with identical CSS output\n * 7. MATERIALIZE CSS - Convert conditions to CSS selectors + at-rules\n */\n\nimport { Lru } from '../parser/lru';\nimport type { StateParserContext } from '../states';\nimport {\n  createStateParserContext,\n  extractLocalPredefinedStates,\n} from '../states';\nimport { createStyle, STYLE_HANDLER_MAP } from '../styles';\nimport type { Styles } from '../styles/types';\nimport type {\n  StyleHandler,\n  StyleMap,\n  StyleValue,\n  StyleValueStateMap,\n} from '../utils/styles';\nimport { stringifyStyles } from '../utils/styles';\n\nimport type { ConditionNode } from './conditions';\nimport { and, or, trueCondition } from './conditions';\nimport type { ExclusiveStyleEntry } from './exclusive';\nimport {\n  buildExclusiveConditions,\n  expandExclusiveOrs,\n  expandOrConditions,\n  isValueMapping,\n  parseStyleEntries,\n} from './exclusive';\nimport type { CSSRule, SelectorVariant } from './materialize';\nimport {\n  branchToCSS,\n  buildAtRulesFromVariant,\n  conditionToCSS,\n  mergeVariantsIntoSelectorGroups,\n  optimizeGroups,\n  parentGroupsToCSS,\n  rootGroupsToCSS,\n  selectorGroupToCSS,\n} from './materialize';\nimport { parseStateKey } from './parseStateKey';\nimport { simplifyCondition } from './simplify';\nimport { emitWarning } from './warnings';\n\n// ============================================================================\n// Types (compatible with old renderStyles API)\n// ============================================================================\n\n/**\n * Matches the old StyleResult interface for backward compatibility\n */\nexport interface StyleResult {\n  selector: string;\n  declarations: string;\n  atRules?: string[];\n  needsClassName?: boolean;\n  rootPrefix?: string;\n}\n\n/**\n * Matches the old RenderResult interface for backward compatibility\n */\nexport interface RenderResult {\n  rules: StyleResult[];\n  className?: string;\n}\n\nexport interface PipelineResult {\n  rules: CSSRule[];\n  className?: string;\n}\n\ninterface ComputedRule {\n  condition: ConditionNode;\n  declarations: Record<string, string>;\n  selectorSuffix: string;\n}\n\n// ============================================================================\n// Caching\n// ============================================================================\n\nconst pipelineCache = new Lru<string, CSSRule[]>(5000);\n\n// ============================================================================\n// Main Pipeline Function\n// ============================================================================\n\n/**\n * Render styles using the new pipeline.\n *\n * This is the main entrypoint that implements the complete flow.\n */\nexport function renderStylesPipeline(\n  styles?: Styles,\n  className?: string,\n  pipelineCacheKey?: string,\n): PipelineResult {\n  if (!styles) {\n    return { rules: [], className };\n  }\n\n  // Use pre-computed cache key when available, falling back to stringifyStyles\n  const cacheKey = pipelineCacheKey || stringifyStyles(styles);\n  let rules = pipelineCache.get(cacheKey);\n\n  if (!rules) {\n    // Create parser context\n    const parserContext = createStateParserContext(styles);\n\n    // Run pipeline\n    rules = runPipeline(styles, parserContext);\n\n    // Cache result\n    pipelineCache.set(cacheKey, rules);\n  }\n\n  // If no className, rules need it to be prepended later\n  if (!className) {\n    return {\n      rules: rules.map((r) => ({\n        ...r,\n        needsClassName: true,\n      })),\n    };\n  }\n\n  // Prepend className to selectors\n  const finalRules = rules.map((rule) => {\n    // Parse the selector to find where to insert className\n    let selector = rule.selector;\n\n    // If selector starts with :root, insert className after the :root part\n    if (rule.rootPrefix) {\n      selector = `${rule.rootPrefix} .${className}.${className}${selector}`;\n    } else {\n      selector = `.${className}.${className}${selector}`;\n    }\n\n    return {\n      ...rule,\n      selector,\n    };\n  });\n\n  return {\n    rules: finalRules,\n    className,\n  };\n}\n\n/**\n * Check if a cache key exists in the pipeline cache.\n * Used by renderStylesForChunk to avoid building filtered styles on cache hit.\n */\nexport function hasPipelineCacheEntry(cacheKey: string): boolean {\n  return pipelineCache.get(cacheKey) !== undefined;\n}\n\n/**\n * Clear the pipeline cache (for testing)\n */\nexport function clearPipelineCache(): void {\n  pipelineCache.clear();\n}\n\n// ============================================================================\n// Pipeline Implementation\n// ============================================================================\n\nfunction runPipeline(\n  styles: Styles,\n  parserContext: StateParserContext,\n): CSSRule[] {\n  const allRules: CSSRule[] = [];\n\n  // Process styles recursively (including nested selectors)\n  processStyles(styles, '', parserContext, allRules);\n\n  // Deduplicate rules\n  const seen = new Set<string>();\n  const dedupedRules = allRules.filter((rule) => {\n    // Include rootPrefix in dedup key - rules with different root prefixes are distinct\n    const key = `${rule.selector}|${rule.declarations}|${rule.atRules?.join('|') ?? ''}|${rule.rootPrefix || ''}`;\n    if (seen.has(key)) return false;\n    seen.add(key);\n    return true;\n  });\n\n  return dedupedRules;\n}\n\n/**\n * Process styles at a given nesting level\n */\nfunction processStyles(\n  styles: Styles,\n  selectorSuffix: string,\n  parserContext: StateParserContext,\n  allRules: CSSRule[],\n): void {\n  const keys = Object.keys(styles);\n\n  // Separate selector keys from style keys\n  // Skip @keyframes (processed separately) and other @ prefixed keys (predefined states)\n  const selectorKeys = keys.filter((key) => isSelector(key));\n  const styleKeys = keys.filter(\n    (key) => !isSelector(key) && !key.startsWith('@'),\n  );\n\n  // Process nested selectors first\n  for (const key of selectorKeys) {\n    const nestedStyles = styles[key] as Styles;\n    if (!nestedStyles || typeof nestedStyles !== 'object') continue;\n\n    // Get all selectors (handles comma-separated patterns)\n    const suffixes = getAllSelectors(key, nestedStyles);\n    if (!suffixes) continue; // Invalid selector, skip\n\n    // Remove $ from nested styles\n    const { $: _$, ...cleanedStyles } = nestedStyles;\n\n    // Extract local predefined states scoped to this sub-element\n    const subLocalStates = extractLocalPredefinedStates(cleanedStyles);\n    const hasSubStates = Object.keys(subLocalStates).length > 0;\n    const subContext: StateParserContext = {\n      ...parserContext,\n      isSubElement: true,\n      localPredefinedStates: hasSubStates\n        ? { ...parserContext.localPredefinedStates, ...subLocalStates }\n        : parserContext.localPredefinedStates,\n    };\n\n    // Process for each selector (multiple selectors = same styles applied to each)\n    for (const suffix of suffixes) {\n      processStyles(\n        cleanedStyles,\n        selectorSuffix + suffix,\n        subContext,\n        allRules,\n      );\n    }\n  }\n\n  // Build handler queue\n  const handlerQueue = buildHandlerQueue(styleKeys, styles);\n\n  // Process each handler\n  for (const { handler, styleMap } of handlerQueue) {\n    const lookupStyles = handler.__lookupStyles;\n\n    // Stage 1 & 2: Parse and build exclusive conditions for each style\n    // Exclusive conditions ensure each CSS rule applies to exactly one state.\n    // OR conditions in exclusives are properly expanded to DNF (multiple CSS selectors).\n    const exclusiveByStyle = new Map<string, ExclusiveStyleEntry[]>();\n\n    for (const styleName of lookupStyles) {\n      const value = styleMap[styleName];\n      if (value === undefined) continue;\n\n      if (isValueMapping(value)) {\n        // Parse entries from value mapping\n        const parsed = parseStyleEntries(styleName, value, (stateKey) =>\n          parseStateKey(stateKey, { context: parserContext }),\n        );\n\n        // Expand OR conditions into exclusive branches\n        // This ensures OR branches like `A | B | C` become:\n        //   A, B & !A, C & !A & !B\n        const expanded = expandOrConditions(parsed);\n\n        // Build exclusive conditions across all entries\n        const exclusive = buildExclusiveConditions(expanded);\n\n        // Expand ORs from De Morgan negation into exclusive branches\n        // This transforms: !A | !B  →  !A, (A & !B)\n        // Ensures each CSS rule has proper at-rule context\n        const fullyExpanded = expandExclusiveOrs(exclusive);\n        exclusiveByStyle.set(styleName, fullyExpanded);\n      } else {\n        // Simple value - single entry with TRUE condition\n        exclusiveByStyle.set(styleName, [\n          {\n            styleKey: styleName,\n            stateKey: '',\n            value,\n            condition: trueCondition(),\n            priority: 0,\n            exclusiveCondition: trueCondition(),\n          },\n        ]);\n      }\n    }\n\n    // Stage 4: Compute all valid state combinations\n    const stateSnapshots = computeStateCombinations(\n      exclusiveByStyle,\n      lookupStyles,\n    );\n\n    // Stage 5: Call handler for each snapshot\n    const computedRules: ComputedRule[] = [];\n\n    for (const snapshot of stateSnapshots) {\n      const result = handler(snapshot.values as StyleValueStateMap);\n      if (!result) continue;\n\n      // Handler may return single or array\n      const results = Array.isArray(result) ? result : [result];\n\n      for (const r of results) {\n        if (!r || typeof r !== 'object') continue;\n\n        const { $, ...styleProps } = r;\n        const declarations: Record<string, string> = {};\n\n        for (const [prop, val] of Object.entries(styleProps)) {\n          if (val != null && val !== '') {\n            declarations[prop] = String(val);\n          }\n        }\n\n        if (Object.keys(declarations).length === 0) continue;\n\n        // Handle $ suffixes\n        const suffixes = $\n          ? (Array.isArray($) ? $ : [$]).map(\n              (s) => selectorSuffix + normalizeSelectorSuffix(String(s)),\n            )\n          : [selectorSuffix];\n\n        for (const suffix of suffixes) {\n          computedRules.push({\n            condition: snapshot.condition,\n            declarations,\n            selectorSuffix: suffix,\n          });\n        }\n      }\n    }\n\n    // Stage 6: Merge rules with identical CSS output\n    const mergedRules = mergeByValue(computedRules);\n\n    // Stage 7: Materialize to CSS\n    for (const rule of mergedRules) {\n      const cssRules = materializeComputedRule(rule);\n      allRules.push(...cssRules);\n    }\n  }\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Check if a key is a CSS selector\n */\nexport function isSelector(key: string): boolean {\n  return key.startsWith('&') || key.startsWith('.') || /^[A-Z]/.test(key);\n}\n\n/**\n * Result of processing a selector affix ($) pattern.\n *\n * @example\n * // Valid result with multiple selectors\n * { valid: true, selectors: ['> [data-element=\"Cell\"]', ' [data-element=\"Body\"] > [data-element=\"Cell\"]'] }\n *\n * // Invalid result with error message\n * { valid: false, reason: 'Selector affix \"+\" targets elements outside the root scope.' }\n */\ntype AffixResult =\n  | { valid: true; selectors: string[] }\n  | { valid: false; reason: string };\n\n/**\n * Get all selector suffixes for a sub-element key.\n *\n * Handles three types of selector keys:\n * - `&` prefix: Raw selector suffix (e.g., `&:hover` → `:hover`)\n * - `.` prefix: Class selector (e.g., `.active` → ` .active`)\n * - Uppercase: Sub-element with optional `$` affix pattern\n *\n * @param key - The sub-element key (e.g., 'Label', '&:hover', '.active')\n * @param styles - The styles object, may contain `$` property for selector affix\n * @returns Array of selector suffixes, or null if invalid (with console warning)\n *\n * @example\n * getAllSelectors('Label', {})\n * // → [' [data-element=\"Label\"]']\n *\n * getAllSelectors('Cell', { $: '>, >Body>' })\n * // → ['> [data-element=\"Cell\"]', ' [data-element=\"Body\"] > [data-element=\"Cell\"]']\n */\nfunction getAllSelectors(key: string, styles?: Styles): string[] | null {\n  if (key.startsWith('&')) {\n    return [key.slice(1)];\n  }\n\n  if (key.startsWith('.')) {\n    return [` ${key}`];\n  }\n\n  if (/^[A-Z]/.test(key)) {\n    const affix = styles?.$;\n    if (affix !== undefined) {\n      const result = processAffix(String(affix), key);\n      if (!result.valid) {\n        emitWarning('INVALID_SELECTOR_AFFIX', result.reason);\n        return null;\n      }\n      return result.selectors;\n    }\n    return [` [data-element=\"${key}\"]`];\n  }\n\n  return null;\n}\n\n/**\n * Process selector affix pattern and return selector(s)\n *\n * Supports:\n * - Direct child: '>'\n * - Chained elements: '>Body>Row>'\n * - HTML tags: 'a', '>ul>li', 'button:hover'\n * - Pseudo-elements on root: '::before'\n * - Pseudo on sub-element: '@::before', '>@:hover'\n * - Classes: '.active', '>@.active'\n * - Multiple selectors: '>, >Body>'\n * - Sibling combinators (after element): '>Item+', '>Item~'\n */\nfunction processAffix(affix: string, key: string): AffixResult {\n  const trimmed = affix.trim();\n\n  // Empty = default behavior (descendant selector with key)\n  if (!trimmed) {\n    return { valid: true, selectors: [` [data-element=\"${key}\"]`] };\n  }\n\n  // Split by comma for multiple selectors\n  const patterns = trimmed.split(',').map((p) => p.trim());\n  const selectors: string[] = [];\n\n  for (const pattern of patterns) {\n    const validation = validatePattern(pattern);\n    if (!validation.valid) {\n      return validation;\n    }\n\n    const selector = processSinglePattern(pattern, key);\n    selectors.push(selector);\n  }\n\n  return { valid: true, selectors };\n}\n\n/**\n * Recognized token patterns for selector affix validation.\n *\n * These patterns are used to tokenize and validate `$` affix strings.\n * Order matters: more specific patterns must come first to avoid\n * partial matches (e.g., `::before` must match before `:` alone).\n *\n * Unrecognized tokens (like `#id`, `*`, or numbers) will cause validation to fail.\n */\nconst VALID_TOKEN_PATTERNS = [\n  /^[>+~]/, // Combinators: >, +, ~\n  /^[A-Z][a-zA-Z0-9]*/, // Uppercase element names → [data-element=\"...\"]\n  /^@/, // @ placeholder for key injection position\n  /^::?[a-z][a-z0-9-]*(?:\\([^)]*\\))?/, // Pseudo-elements/classes (:hover, ::before, :not(.x))\n  /^\\.[a-zA-Z_-][a-zA-Z0-9_-]*/, // Class selectors (.active, .is-open)\n  /^\\[[^\\]]+\\]/, // Attribute selectors ([type=\"text\"], [role])\n  /^[a-z][a-z0-9-]*/, // HTML tag names (a, div, button, my-component)\n  /^\\s+/, // Whitespace (ignored during parsing)\n  /^&/, // Root reference (stripped, kept for backward compat)\n];\n\n/**\n * Scan a pattern for unrecognized tokens.\n *\n * Iterates through the pattern, consuming recognized tokens until\n * either the pattern is fully consumed (valid) or an unrecognized\n * character sequence is found (invalid).\n *\n * @param pattern - The selector pattern to validate\n * @returns The first unrecognized token found, or null if all tokens are valid\n *\n * @example\n * findUnrecognizedTokens('>Body>Row>') // → null (valid)\n * findUnrecognizedTokens('123')         // → '123' (invalid)\n * findUnrecognizedTokens('#myId')       // → '#' (invalid)\n */\nfunction findUnrecognizedTokens(pattern: string): string | null {\n  let remaining = pattern;\n\n  while (remaining.length > 0) {\n    let matched = false;\n\n    for (const regex of VALID_TOKEN_PATTERNS) {\n      const match = remaining.match(regex);\n      if (match) {\n        remaining = remaining.slice(match[0].length);\n        matched = true;\n        break;\n      }\n    }\n\n    if (!matched) {\n      // Found unrecognized content - extract the problematic part\n      const unrecognized = remaining.match(/^[^\\s>+~@.:[\\]A-Z]+/);\n      return unrecognized ? unrecognized[0] : remaining[0];\n    }\n  }\n\n  return null;\n}\n\n/**\n * Validate a selector pattern for structural correctness.\n *\n * Checks for:\n * 1. Out-of-scope selectors: Patterns starting with `+` or `~` target siblings\n *    of the root element, which is outside the component's DOM scope.\n * 2. Consecutive combinators: Patterns like `>>` or `>+` are malformed CSS.\n * 3. Unrecognized tokens: Characters/sequences not matching valid CSS selectors.\n *\n * @param pattern - A single selector pattern (already split by comma)\n * @returns AffixResult indicating validity and error reason if invalid\n *\n * @example\n * validatePattern('>Body>Row>')  // → { valid: true, selectors: [] }\n * validatePattern('+')           // → { valid: false, reason: '...outside root scope...' }\n * validatePattern('>>')          // → { valid: false, reason: '...consecutive combinators...' }\n */\nfunction validatePattern(pattern: string): AffixResult {\n  const trimmed = pattern.trim();\n\n  // Patterns starting with + or ~ target siblings of the root element,\n  // which is outside the component's scope. Valid sibling patterns must\n  // be preceded by an element: \">Item+\", \">Item~\"\n  if (/^[+~]/.test(trimmed)) {\n    return {\n      valid: false,\n      reason:\n        `Selector affix \"${pattern}\" targets elements outside the root scope. ` +\n        `Sibling selectors (+, ~) must be preceded by an element inside the root. ` +\n        `Use \">Element+\" or \">Element~\" instead.`,\n    };\n  }\n\n  // Check for consecutive combinators\n  if (/[>+~]{2,}/.test(trimmed.replace(/\\s+/g, ''))) {\n    return {\n      valid: false,\n      reason: `Selector affix \"${pattern}\" contains consecutive combinators.`,\n    };\n  }\n\n  // Check for unrecognized tokens (e.g., lowercase text like \"foo\")\n  const unrecognized = findUnrecognizedTokens(trimmed);\n  if (unrecognized) {\n    return {\n      valid: false,\n      reason:\n        `Selector affix \"${pattern}\" contains unrecognized token \"${unrecognized}\". ` +\n        `Valid tokens: combinators (>, +, ~), element names (Uppercase), ` +\n        `@ placeholder, pseudo (:hover, ::before), class (.name), attribute ([attr]).`,\n    };\n  }\n\n  return { valid: true, selectors: [] };\n}\n\n/**\n * Process a single selector pattern into a CSS selector suffix.\n *\n * This is the main transformation function that converts a `$` affix pattern\n * into a valid CSS selector suffix. It handles:\n *\n * 1. `@` placeholder replacement with `[data-element=\"key\"]`\n * 2. Key injection based on pattern ending (see `shouldInjectKey`)\n * 3. Proper spacing for descendant vs direct child selectors\n *\n * @param pattern - A single validated selector pattern\n * @param key - The sub-element key to inject (e.g., 'Label', 'Cell')\n * @returns CSS selector suffix ready to append to the root selector\n *\n * @example\n * processSinglePattern('>', 'Row')\n * // → '> [data-element=\"Row\"]'\n *\n * processSinglePattern('>Body>Row>', 'Cell')\n * // → '> [data-element=\"Body\"] > [data-element=\"Row\"] > [data-element=\"Cell\"]'\n *\n * processSinglePattern('::before', 'Before')\n * // → '::before' (no key injection for pseudo on root)\n *\n * processSinglePattern('>@:hover', 'Item')\n * // → '> [data-element=\"Item\"]:hover'\n */\nfunction processSinglePattern(pattern: string, key: string): string {\n  // Strip leading & if present (implicit root reference, kept for compat)\n  const normalized = pattern.replace(/^&/, '').trim();\n\n  if (!normalized) {\n    return ` [data-element=\"${key}\"]`;\n  }\n\n  // Pseudo-elements/classes at start apply directly to root (no space prefix)\n  const startsWithPseudo = /^::?[a-z]/.test(normalized);\n\n  // Transform the pattern: convert element names and normalize spacing\n  let result = transformPattern(normalized);\n\n  // Handle @ placeholder: explicit key injection position\n  if (result.includes('@')) {\n    // Remove space between @ and following class/pseudo for proper attachment\n    // e.g., \"@ .active\" → \"[el].active\", but \"@ > span\" → \"[el] > span\"\n    result = result.replace(/@ (?=[.:])/g, '@');\n    result = result.replace(/@/g, `[data-element=\"${key}\"]`);\n\n    if (!startsWithPseudo && !result.startsWith(' ')) {\n      result = ' ' + result;\n    }\n    return result;\n  }\n\n  // Auto-inject key based on pattern ending (see shouldInjectKey for rules)\n  if (shouldInjectKey(normalized)) {\n    result = result + ' ' + `[data-element=\"${key}\"]`;\n  }\n\n  // Add space prefix for selectors targeting inside root (not pseudo on root)\n  if (!startsWithPseudo && !result.startsWith(' ')) {\n    result = ' ' + result;\n  }\n\n  return result;\n}\n\n/**\n * Transform a selector pattern by converting element names and normalizing spacing.\n *\n * This is a character-by-character tokenizer that:\n * - Converts uppercase names to `[data-element=\"Name\"]` selectors\n * - Adds proper spacing around combinators (>, +, ~)\n * - Preserves lowercase tags, classes, pseudos, and attributes as-is\n * - Keeps @ placeholder for later replacement\n *\n * The tokenizer handles these token types in order:\n * 1. Whitespace (skipped)\n * 2. Combinators: >, +, ~ (add surrounding spaces)\n * 3. Uppercase names: Body, Row (convert to [data-element=\"...\"])\n * 4. @ placeholder (keep for later replacement)\n * 5. Pseudo: :hover, ::before (attach to previous token)\n * 6. Tags: a, div, button (keep as-is with spacing)\n * 7. Classes: .active (attach to previous element/tag/placeholder)\n * 8. Attributes: [type=\"text\"] (keep as-is)\n *\n * @param pattern - The raw selector pattern to transform\n * @returns Transformed pattern with proper CSS selector syntax\n *\n * @example\n * transformPattern('>Body>Row>')\n * // → '> [data-element=\"Body\"] > [data-element=\"Row\"] >'\n *\n * transformPattern('button.primary:hover')\n * // → 'button.primary:hover'\n */\nfunction transformPattern(pattern: string): string {\n  let result = '';\n  let lastCh = '';\n  let i = 0;\n\n  while (i < pattern.length) {\n    const char = pattern[i];\n\n    if (/\\s/.test(char)) {\n      i++;\n      continue;\n    }\n\n    if (/[>+~]/.test(char)) {\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      result += char;\n      lastCh = char;\n      i++;\n      continue;\n    }\n\n    if (/[A-Z]/.test(char)) {\n      const nameStart = i;\n      while (i < pattern.length && /[a-zA-Z0-9]/.test(pattern[i])) {\n        i++;\n      }\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      const segment = `[data-element=\"${pattern.slice(nameStart, i)}\"]`;\n      result += segment;\n      lastCh = ']';\n      continue;\n    }\n\n    if (char === '@') {\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      result += '@';\n      lastCh = '@';\n      i++;\n      continue;\n    }\n\n    if (char === ':') {\n      const pseudoStart = i;\n      while (\n        i < pattern.length &&\n        !/[\\s>+~,@]/.test(pattern[i]) &&\n        !/[A-Z]/.test(pattern[i])\n      ) {\n        i++;\n      }\n      const segment = pattern.slice(pseudoStart, i);\n      result += segment;\n      lastCh = segment[segment.length - 1] || lastCh;\n      continue;\n    }\n\n    if (/[a-z]/.test(char)) {\n      const tagStart = i;\n      while (i < pattern.length && /[a-z0-9-]/.test(pattern[i])) {\n        i++;\n      }\n      if (result && lastCh !== ' ') {\n        result += ' ';\n      }\n      const segment = pattern.slice(tagStart, i);\n      result += segment;\n      lastCh = segment[segment.length - 1] || lastCh;\n      continue;\n    }\n\n    if (char === '.') {\n      const attachToLast =\n        lastCh === ']' || lastCh === '@' || /[a-zA-Z0-9-]/.test(lastCh);\n      if (result && !attachToLast && lastCh !== ' ') {\n        result += ' ';\n      }\n      const clsStart = i;\n      i++;\n      while (i < pattern.length && /[a-zA-Z0-9_-]/.test(pattern[i])) {\n        i++;\n      }\n      const segment = pattern.slice(clsStart, i);\n      result += segment;\n      lastCh = segment[segment.length - 1] || lastCh;\n      continue;\n    }\n\n    if (char === '[') {\n      const attachToLast =\n        lastCh === ']' || lastCh === '@' || /[a-zA-Z0-9-]/.test(lastCh);\n      if (result && !attachToLast && lastCh !== ' ') {\n        result += ' ';\n      }\n      const attrStart = i;\n      let depth = 0;\n      while (i < pattern.length) {\n        if (pattern[i] === '[') depth++;\n        if (pattern[i] === ']') depth--;\n        i++;\n        if (depth === 0) break;\n      }\n      result += pattern.slice(attrStart, i);\n      lastCh = ']';\n      continue;\n    }\n\n    result += char;\n    lastCh = char;\n    i++;\n  }\n\n  return result;\n}\n\n/**\n * Determine if the sub-element key should be auto-injected based on pattern ending.\n *\n * Key injection rules (when no @ placeholder is present):\n *\n * | Pattern Ending | Inject Key? | Example | Result |\n * |----------------|-------------|---------|--------|\n * | Combinator (>, +, ~) | Yes | `'>Body>'` | `> [data-element=\"Body\"] > [el]` |\n * | Uppercase element | Yes | `'>Body>Row'` | `> [el1] > [el2] [key]` |\n * | Lowercase tag | Yes | `'>ul>li'` | `> ul > li [key]` |\n * | Pseudo (:hover, ::before) | No | `'::before'` | `::before` |\n * | Class (.active) | No | `'.active'` | `.active` |\n * | Attribute ([type]) | No | `'[type=\"text\"]'` | `[type=\"text\"]` |\n *\n * @param pattern - The normalized pattern (after stripping &)\n * @returns true if key should be injected, false otherwise\n *\n * @example\n * shouldInjectKey('>')           // → true (trailing combinator)\n * shouldInjectKey('>Body>Row')   // → true (ends with element)\n * shouldInjectKey('>ul>li')      // → true (ends with tag)\n * shouldInjectKey('::before')    // → false (ends with pseudo)\n * shouldInjectKey('.active')     // → false (ends with class)\n * shouldInjectKey('a:hover')     // → false (ends with pseudo)\n * shouldInjectKey('button.primary') // → false (ends with class)\n */\nfunction shouldInjectKey(pattern: string): boolean {\n  const trimmed = pattern.trim();\n\n  // Rule 1: Ends with combinator → inject key after it\n  // e.g., '>' → '> [data-element=\"Key\"]'\n  if (/[>+~]$/.test(trimmed)) {\n    return true;\n  }\n\n  // Rule 2: Ends with uppercase element name → inject key as descendant\n  // The lookbehind ensures we're matching a standalone element name, not\n  // part of a class like .myClass (where C is preceded by lowercase)\n  // e.g., '>Body' → '> [data-element=\"Body\"] [data-element=\"Key\"]'\n  if (/(?:^|[\\s>+~\\]:])[A-Z][a-zA-Z0-9]*$/.test(trimmed)) {\n    return true;\n  }\n\n  // Rule 3: Ends with lowercase tag name → inject key as descendant\n  // The negative lookbehind (?<![:.]) ensures we don't match:\n  // - ':hover' (pseudo ending)\n  // - '.primary' (class ending)\n  // e.g., '>ul>li' → '> ul > li [data-element=\"Key\"]'\n  if (/(?<![:.])(?:^|[\\s>+~])[a-z][a-z0-9-]*$/.test(trimmed)) {\n    return true;\n  }\n\n  // Rule 4: Otherwise (pseudo, class, attribute) → no injection\n  // The pattern is complete as-is, applying to root or a specific selector\n  return false;\n}\n\n/**\n * Normalize selector suffix from $ property\n */\nfunction normalizeSelectorSuffix(suffix: string): string {\n  if (!suffix) return '';\n  return suffix.startsWith('&') ? suffix.slice(1) : suffix;\n}\n\n/**\n * Build handler queue from style keys\n */\nfunction buildHandlerQueue(\n  styleKeys: string[],\n  styles: Styles,\n): { handler: StyleHandler; styleMap: StyleMap }[] {\n  const queue: { handler: StyleHandler; styleMap: StyleMap }[] = [];\n  const seenHandlers = new Set<StyleHandler>();\n\n  for (const styleName of styleKeys) {\n    let handlers: StyleHandler[] = STYLE_HANDLER_MAP[styleName];\n\n    if (!handlers) {\n      handlers = STYLE_HANDLER_MAP[styleName] = [createStyle(styleName)];\n    }\n\n    for (const handler of handlers) {\n      if (seenHandlers.has(handler)) continue;\n      seenHandlers.add(handler);\n\n      const lookupStyles = handler.__lookupStyles;\n      const styleMap: StyleMap = {};\n\n      for (const name of lookupStyles) {\n        const val = styles[name];\n        if (val !== undefined) {\n          styleMap[name] = val as StyleValue | StyleValueStateMap;\n        }\n      }\n\n      queue.push({ handler, styleMap });\n    }\n  }\n\n  return queue;\n}\n\n/**\n * Compute all valid state combinations for a handler's lookup styles\n */\nfunction computeStateCombinations(\n  exclusiveByStyle: Map<string, ExclusiveStyleEntry[]>,\n  lookupStyles: string[],\n): { condition: ConditionNode; values: Record<string, StyleValue> }[] {\n  // Get entries for each style\n  const entriesPerStyle = lookupStyles.map(\n    (style) => exclusiveByStyle.get(style) || [],\n  );\n\n  // Cartesian product of all combinations\n  const combinations = cartesianProduct(entriesPerStyle);\n\n  // Build snapshots, simplifying and filtering impossible combinations\n  const snapshots: {\n    condition: ConditionNode;\n    values: Record<string, StyleValue>;\n  }[] = [];\n\n  for (const combo of combinations) {\n    // Combine all exclusive conditions with AND\n    const conditions = combo.map((e) => e.exclusiveCondition);\n    const combined = and(...conditions);\n    const simplified = simplifyCondition(combined);\n\n    // Skip impossible combinations\n    if (simplified.kind === 'false') continue;\n\n    // Build values map\n    const values: Record<string, StyleValue> = {};\n    for (const entry of combo) {\n      values[entry.styleKey] = entry.value;\n    }\n\n    snapshots.push({\n      condition: simplified,\n      values,\n    });\n  }\n\n  return snapshots;\n}\n\n/**\n * Cartesian product of arrays\n */\nfunction cartesianProduct<T>(arrays: T[][]): T[][] {\n  if (arrays.length === 0) return [[]];\n\n  const nonEmpty = arrays.filter((a) => a.length > 0);\n  if (nonEmpty.length === 0) return [[]];\n\n  let result: T[][] = [[]];\n  for (const arr of nonEmpty) {\n    const next: T[][] = [];\n    for (const combo of result) {\n      for (const item of arr) {\n        const newCombo = new Array<T>(combo.length + 1);\n        for (let i = 0; i < combo.length; i++) newCombo[i] = combo[i];\n        newCombo[combo.length] = item;\n        next.push(newCombo);\n      }\n    }\n    result = next;\n  }\n  return result;\n}\n\nconst declStringCache = new WeakMap<Record<string, string>, string>();\n\nfunction stringifyDeclarations(decl: Record<string, string>): string {\n  let cached = declStringCache.get(decl);\n  if (cached === undefined) {\n    cached = JSON.stringify(decl);\n    declStringCache.set(decl, cached);\n  }\n  return cached;\n}\n\n/**\n * Merge rules with identical CSS output\n */\nfunction mergeByValue(rules: ComputedRule[]): ComputedRule[] {\n  const groups = new Map<string, ComputedRule[]>();\n\n  for (const rule of rules) {\n    const key = `${rule.selectorSuffix}|${stringifyDeclarations(rule.declarations)}`;\n    if (!groups.has(key)) {\n      groups.set(key, []);\n    }\n    groups.get(key)!.push(rule);\n  }\n\n  // Merge conditions with OR for each group\n  const merged: ComputedRule[] = [];\n\n  for (const [, groupRules] of groups) {\n    if (groupRules.length === 1) {\n      merged.push(groupRules[0]);\n    } else {\n      // Merge conditions with OR\n      const mergedCondition = simplifyCondition(\n        or(...groupRules.map((r) => r.condition)),\n      );\n      merged.push({\n        condition: mergedCondition,\n        declarations: groupRules[0].declarations,\n        selectorSuffix: groupRules[0].selectorSuffix,\n      });\n    }\n  }\n\n  return merged;\n}\n\n/**\n * Build selector fragment from a variant (without className prefix)\n */\nfunction buildSelectorFromVariant(\n  variant: SelectorVariant,\n  selectorSuffix: string,\n): string {\n  let selector = '';\n\n  // Add flat modifier + pseudo selectors (sorted for canonical output)\n  selector += branchToCSS([\n    ...variant.modifierConditions,\n    ...variant.pseudoConditions,\n  ]);\n\n  // Add selector groups (:is()/:not() on element)\n  for (const group of variant.selectorGroups) {\n    selector += selectorGroupToCSS(group);\n  }\n\n  // Add parent selectors (before sub-element suffix)\n  if (variant.parentGroups.length > 0) {\n    selector += parentGroupsToCSS(variant.parentGroups);\n  }\n\n  selector += selectorSuffix;\n\n  // Add own groups (:is()/:not() on sub-element)\n  const ownOptimized = optimizeGroups(variant.ownGroups);\n  for (const group of ownOptimized) {\n    selector += selectorGroupToCSS(group);\n  }\n\n  return selector;\n}\n\n/**\n * Materialize a computed rule to final CSS format\n *\n * Returns an array because OR conditions may generate multiple CSS rules\n * (when different branches have different at-rules)\n */\nfunction materializeComputedRule(rule: ComputedRule): CSSRule[] {\n  const components = conditionToCSS(rule.condition);\n\n  if (components.isImpossible || components.variants.length === 0) {\n    return [];\n  }\n\n  const declarations = Object.entries(rule.declarations)\n    .map(([prop, value]) => `${prop}: ${value};`)\n    .join(' ');\n\n  // Helper to get root prefix key for grouping\n  const getRootPrefixKey = (variant: SelectorVariant): string => {\n    return rootGroupsToCSS(variant.rootGroups) || '';\n  };\n\n  // Group variants by their at-rules (variants with same at-rules can be combined with commas)\n  const byAtRules = new Map<\n    string,\n    { variants: SelectorVariant[]; atRules: string[]; rootPrefix?: string }\n  >();\n\n  for (const variant of components.variants) {\n    const atRules = buildAtRulesFromVariant(variant);\n    const key = atRules.sort().join('|||') + '###' + getRootPrefixKey(variant);\n\n    const group = byAtRules.get(key);\n    if (group) {\n      group.variants.push(variant);\n    } else {\n      byAtRules.set(key, {\n        variants: [variant],\n        atRules,\n        rootPrefix: rootGroupsToCSS(variant.rootGroups),\n      });\n    }\n  }\n\n  // Generate one CSSRule per at-rules group\n  const rules: CSSRule[] = [];\n  for (const [, group] of byAtRules) {\n    // Merge variants that differ only in flat modifier/pseudo conditions\n    // into :is() groups before building selector strings\n    const mergedVariants = mergeVariantsIntoSelectorGroups(group.variants);\n\n    // Build selector fragments for each variant (will be joined with className later)\n    const selectorFragments = mergedVariants.map((v) =>\n      buildSelectorFromVariant(v, rule.selectorSuffix),\n    );\n\n    // Store as array if multiple, string if single\n    const selector =\n      selectorFragments.length === 1 ? selectorFragments[0] : selectorFragments;\n\n    const cssRule: CSSRule = {\n      selector,\n      declarations,\n    };\n\n    if (group.atRules.length > 0) {\n      cssRule.atRules = group.atRules;\n    }\n\n    if (group.rootPrefix) {\n      cssRule.rootPrefix = group.rootPrefix;\n    }\n\n    rules.push(cssRule);\n  }\n\n  return rules;\n}\n\n// ============================================================================\n// Public API: renderStyles (compatible with old API)\n// ============================================================================\n\n/**\n * Options for renderStyles when using direct selector mode.\n */\nexport interface RenderStylesOptions {\n  /**\n   * Whether to double the class selector for increased specificity.\n   * When true, `.myClass` becomes `.myClass.myClass` for higher specificity.\n   *\n   * @default false - User-provided selectors are not doubled.\n   *\n   * Note: This only applies when a classNameOrSelector is provided.\n   * When renderStyles returns RenderResult with needsClassName=true,\n   * the injector handles doubling automatically.\n   */\n  doubleSelector?: boolean;\n}\n\n/**\n * Render styles to CSS rules.\n *\n * When called without classNameOrSelector, returns RenderResult with needsClassName=true.\n * When called with a selector/className string, returns StyleResult[] for direct injection.\n */\nexport function renderStyles(\n  styles?: Styles,\n  classNameOrSelector?: undefined,\n  options?: undefined,\n  pipelineCacheKey?: string,\n): RenderResult;\nexport function renderStyles(\n  styles: Styles | undefined,\n  classNameOrSelector: string,\n  options?: RenderStylesOptions,\n): StyleResult[];\nexport function renderStyles(\n  styles?: Styles,\n  classNameOrSelector?: string,\n  options?: RenderStylesOptions,\n  pipelineCacheKey?: string,\n): RenderResult | StyleResult[] {\n  // Check if we have a direct selector/className\n  const directSelector = !!classNameOrSelector;\n\n  // Check cache first when a pre-computed key is available.\n  // This allows callers to skip building the styles object on cache hit.\n  let rules: CSSRule[] | undefined;\n  if (pipelineCacheKey) {\n    rules = pipelineCache.get(pipelineCacheKey);\n  }\n\n  if (!rules && !styles) {\n    return directSelector ? [] : { rules: [] };\n  }\n\n  // Use pre-computed cache key when available (from chunk path),\n  // falling back to stringifyStyles for direct renderStyles() calls\n  const cacheKey = pipelineCacheKey || stringifyStyles(styles!);\n  if (!rules) {\n    rules = pipelineCache.get(cacheKey);\n  }\n\n  if (!rules) {\n    // styles is guaranteed non-null here: early return above handles (!rules && !styles)\n    const parserContext = createStateParserContext(styles!);\n    rules = runPipeline(styles!, parserContext);\n    pipelineCache.set(cacheKey, rules);\n  }\n\n  // Direct selector/className mode: return StyleResult[] directly\n  if (directSelector) {\n    const shouldDouble = options?.doubleSelector ?? false;\n\n    return rules.map((rule): StyleResult => {\n      // Handle selector as array (OR conditions) or string\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? [rule.selector]\n          : [''];\n\n      const finalSelector = selectorParts\n        .map((part) => {\n          let sel = part\n            ? `${classNameOrSelector}${part}`\n            : classNameOrSelector;\n\n          // Double class selector for increased specificity if requested\n          // This is used when the caller explicitly wants higher specificity\n          if (shouldDouble && sel.startsWith('.')) {\n            const classMatch = sel.match(/^\\.[a-zA-Z_-][a-zA-Z0-9_-]*/);\n            if (classMatch) {\n              const baseClass = classMatch[0];\n              sel = baseClass + sel;\n            }\n          }\n\n          // Handle root prefix for this selector\n          if (rule.rootPrefix) {\n            sel = `${rule.rootPrefix} ${sel}`;\n          }\n\n          return sel;\n        })\n        .join(', ');\n\n      const result: StyleResult = {\n        selector: finalSelector,\n        declarations: rule.declarations,\n      };\n\n      if (rule.atRules && rule.atRules.length > 0) {\n        result.atRules = rule.atRules;\n      }\n\n      return result;\n    });\n  }\n\n  // No className mode: return RenderResult with needsClassName flag\n  // Normalize selector to string (join array with placeholder that injector will handle)\n  return {\n    rules: rules.map(\n      (r): StyleResult => ({\n        selector: Array.isArray(r.selector)\n          ? r.selector.join('|||')\n          : r.selector,\n        declarations: r.declarations,\n        atRules: r.atRules,\n        needsClassName: true,\n        rootPrefix: r.rootPrefix,\n      }),\n    ),\n  };\n}\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport type { ConditionNode } from './conditions';\nexport { and, or, not, trueCondition, falseCondition } from './conditions';\nexport { parseStateKey } from './parseStateKey';\nexport { simplifyCondition } from './simplify';\nexport { buildExclusiveConditions } from './exclusive';\nexport { conditionToCSS } from './materialize';\nexport type { CSSRule } from './materialize';\nexport { setWarningHandler, emitWarning } from './warnings';\nexport type {\n  TastyWarning,\n  TastyWarningCode,\n  TastyWarningHandler,\n} from './warnings';\n"],"mappings":"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"}