@tenphi/tasty 0.0.0-snapshot.b3fbcbb → 0.0.0-snapshot.bad6bad

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({ tokens: {...} }))\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 so that\n  // code such as `scrollbar={10}` resolves correctly.\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 { 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({ tokens: {...} }))\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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"}

package/dist/pipeline/materialize.js

@@ -141,14 +141,31 @@ function pseudoToParsed(state) {
 	};
 }
 /**
-* Convert parsed pseudo to CSS selector string (for final output)
+* Convert parsed pseudo to CSS selector string (for final output).
+*
+* :not() is normalized to negated :is() at parse time, so pseudo.pseudo
+* never starts with ':not(' here. When negated:
+* - :is(X) → :not(X)     (unwrap :is)
+* - :where(X) → :not(X)  (unwrap :where)
+* - :has(X) → :not(:has(X))
+* - other → :not(other)
+*
+* When not negated, single-argument :is()/:where() is unwrapped when the
+* inner content is a simple compound selector that can safely append to
+* the base selector (this happens after double-negation of :not()).
 */
 function pseudoToCSS(pseudo) {
+	const p = pseudo.pseudo;
 	if (pseudo.negated) {
-		if (pseudo.pseudo.startsWith(":not(")) return pseudo.pseudo.slice(5, -1);
-		return `:not(${pseudo.pseudo})`;
+		if (p.startsWith(":is(") || p.startsWith(":where(")) return `:not(${p.slice(p.indexOf("(") + 1, -1)})`;
+		return `:not(${p})`;
+	}
+	if ((p.startsWith(":is(") || p.startsWith(":where(")) && !p.includes(",")) {
+		const inner = p.slice(p.indexOf("(") + 1, -1);
+		const ch = inner[0];
+		if ((ch === ":" || ch === "." || ch === "[" || ch === "#") && !/\s/.test(inner)) return inner;
 	}
-	return pseudo.pseudo;
+	return p;
 }
 /**
 * Convert media condition to parsed structure(s)
@@ -276,11 +293,12 @@ function innerConditionToVariants(innerCondition, negated, target) {
 	};
 }
 /**
-* Convert a @parent() inner condition into SelectorVariants with ParentGroups.
+* Convert a @parent() inner condition into a single SelectorVariant with
+* one ParentGroup whose branches represent the inner OR alternatives.
 *
-* Positive: each inner OR branch becomes a separate variant with one :is() group.
-* Negated: !(A | B) = !A & !B — all branches become :not() groups collected
-* into a single variant so they produce :not([a] *):not([b] *) on one element.
+* Both positive and negated cases produce one variant with one group.
+* Negation simply sets the `negated` flag, which swaps :is() for :not()
+* in the final CSS output — no structural transformation is needed.
 */
 function parentConditionToVariants(innerCondition, negated, direct) {
 	const innerCSS = conditionToCSS(innerCondition);
@@ -288,44 +306,23 @@ function parentConditionToVariants(innerCondition, negated, direct) {
 		variants: [],
 		isImpossible: true
 	};
-	if (negated) {
-		const v = emptyVariant();
-		for (const innerVariant of innerCSS.variants) {
-			const conditions = collectSelectorConditions(innerVariant);
-			if (conditions.length > 0) v.parentGroups.push({
-				conditions,
-				direct,
-				negated: true
-			});
-		}
-		if (v.parentGroups.length === 0) return {
-			variants: [emptyVariant()],
-			isImpossible: false
-		};
-		return {
-			variants: [v],
-			isImpossible: false
-		};
-	}
-	const variants = [];
+	const branches = [];
 	for (const innerVariant of innerCSS.variants) {
 		const conditions = collectSelectorConditions(innerVariant);
-		if (conditions.length > 0) {
-			const v = emptyVariant();
-			v.parentGroups.push({
-				conditions,
-				direct,
-				negated: false
-			});
-			variants.push(v);
-		}
+		if (conditions.length > 0) branches.push(conditions);
 	}
-	if (variants.length === 0) return {
+	if (branches.length === 0) return {
 		variants: [emptyVariant()],
 		isImpossible: false
 	};
+	const v = emptyVariant();
+	v.parentGroups.push({
+		branches,
+		direct,
+		negated
+	});
 	return {
-		variants,
+		variants: [v],
 		isImpossible: false
 	};
 }
@@ -346,10 +343,13 @@ function parentGroupsToCSS(groups) {
 	let result = "";
 	for (const group of groups) {
 		const combinator = group.direct ? " > *" : " *";
-		let parts = "";
-		for (const cond of group.conditions) parts += selectorConditionToCSS(cond);
+		const selectorArgs = group.branches.map((branch) => {
+			let parts = "";
+			for (const cond of branch) parts += selectorConditionToCSS(cond);
+			return parts + combinator;
+		});
 		const wrapper = group.negated ? ":not" : ":is";
-		result += `${wrapper}(${parts}${combinator})`;
+		result += `${wrapper}(${selectorArgs.join(", ")})`;
 	}
 	return result;
 }
@@ -459,10 +459,18 @@ function hasSelectorConditionContradiction(conditions) {
 * with opposite negation. E.g. :not([data-hovered] *) and :is([data-hovered] *)
 * in the same variant is impossible.
 */
+function getBranchesKey(branches) {
+	if (branches.length === 1) {
+		const b = branches[0];
+		if (b.length === 1) return getSelectorConditionKey(b[0]);
+		return b.map(getSelectorConditionKey).sort().join("+");
+	}
+	return branches.map((b) => b.map(getSelectorConditionKey).sort().join("+")).sort().join(",");
+}
 function hasParentGroupContradiction(groups) {
 	const byBaseKey = /* @__PURE__ */ new Map();
 	for (const g of groups) {
-		const baseKey = `${g.direct ? ">" : ""}(${g.conditions.map(getSelectorConditionKey).sort().join(",")})`;
+		const baseKey = `${g.direct ? ">" : ""}(${getBranchesKey(g.branches)})`;
 		const existing = byBaseKey.get(baseKey);
 		if (existing !== void 0 && existing !== !g.negated) return true;
 		byBaseKey.set(baseKey, !g.negated);
@@ -649,6 +657,12 @@ function getVariantKey(v) {
 	return key;
 }
 /**
+* Total number of leaf conditions in a variant (for superset / dedup comparisons).
+*/
+function variantConditionCount(v) {
+	return v.modifierConditions.length + v.pseudoConditions.length + v.ownConditions.length + v.mediaConditions.length + v.containerConditions.length + v.supportsConditions.length + v.rootConditions.length + v.parentGroups.reduce((sum, g) => sum + g.branches.reduce((s, b) => s + b.length, 0), 0);
+}
+/**
 * Check if variant A is a superset of variant B (A is more restrictive)
 *
 * If A has all of B's conditions plus more, then A is redundant
@@ -669,8 +683,7 @@ function isVariantSuperset(a, b) {
 	if (!isPseudoConditionsSuperset(a.pseudoConditions, b.pseudoConditions)) return false;
 	if (!isSelectorConditionsSuperset(a.ownConditions, b.ownConditions)) return false;
 	if (!isParentGroupsSuperset(a.parentGroups, b.parentGroups)) return false;
-	const parentConditionCount = (groups) => groups.reduce((sum, g) => sum + g.conditions.length, 0);
-	return a.mediaConditions.length + a.containerConditions.length + a.supportsConditions.length + a.modifierConditions.length + a.pseudoConditions.length + a.rootConditions.length + parentConditionCount(a.parentGroups) + a.ownConditions.length > b.mediaConditions.length + b.containerConditions.length + b.supportsConditions.length + b.modifierConditions.length + b.pseudoConditions.length + b.rootConditions.length + parentConditionCount(b.parentGroups) + b.ownConditions.length;
+	return variantConditionCount(a) > variantConditionCount(b);
 }
 /**
 * Generic superset check: true if every item in B has a matching key in A.
@@ -706,7 +719,7 @@ function isParentGroupsSuperset(a, b) {
 	return isConditionsSuperset(a, b, getParentGroupKey);
 }
 function getParentGroupKey(g) {
-	return `${g.negated ? "!" : ""}${g.direct ? ">" : ""}(${g.conditions.map(getSelectorConditionKey).sort().join(",")})`;
+	return `${g.negated ? "!" : ""}${g.direct ? ">" : ""}(${getBranchesKey(g.branches)})`;
 }
 /**
 * Deduplicate variants
@@ -725,7 +738,6 @@ function dedupeVariants(variants) {
 			result.push(v);
 		}
 	}
-	const variantConditionCount = (v) => v.modifierConditions.length + v.pseudoConditions.length + v.ownConditions.length + v.mediaConditions.length + v.containerConditions.length + v.supportsConditions.length + v.rootConditions.length + v.parentGroups.reduce((sum, g) => sum + g.conditions.length, 0);
 	result.sort((a, b) => variantConditionCount(a) - variantConditionCount(b));
 	const filtered = [];
 	for (const candidate of result) {