@tenphi/tasty 0.1.0

package/dist/keyframes/index.mjs

@@ -0,0 +1,156 @@
+//#region src/keyframes/index.ts
+const KEYFRAMES_KEY = "@keyframes";
+/**
+* Pattern to extract animation names from CSS animation property values.
+* Animation name is typically the first identifier in the shorthand.
+* Handles: "fadeIn 300ms ease-in", "pulse 1s infinite", etc.
+*
+* CSS animation shorthand order (all optional except name):
+* animation: name | duration | timing | delay | iteration | direction | fill-mode | play-state
+*
+* Animation names must:
+* - Start with a letter, underscore, or hyphen (but not a digit or CSS keyword)
+* - Not be CSS keywords: none, initial, inherit, unset, revert
+*/
+const CSS_KEYWORDS = new Set([
+	"none",
+	"initial",
+	"inherit",
+	"unset",
+	"revert",
+	"auto",
+	"normal",
+	"running",
+	"paused"
+]);
+/**
+* Pattern to match animation name at the start of an animation value.
+* Must start with letter, underscore, or hyphen (not digit).
+*/
+const ANIMATION_NAME_PATTERN = /^([a-zA-Z_-][a-zA-Z0-9_-]*)/;
+/**
+* Check if styles object has local @keyframes definition.
+* Fast path: single property lookup.
+*/
+function hasLocalKeyframes(styles) {
+	return KEYFRAMES_KEY in styles;
+}
+/**
+* Extract local @keyframes from styles object.
+* Returns null if no local keyframes (fast path).
+*/
+function extractLocalKeyframes(styles) {
+	const keyframes = styles[KEYFRAMES_KEY];
+	if (!keyframes || typeof keyframes !== "object") return null;
+	return keyframes;
+}
+/**
+* Merge local and global keyframes.
+* Local keyframes take priority over global.
+* Returns null if no keyframes exist (fast path).
+*/
+function mergeKeyframes(local, global) {
+	if (!local && !global) return null;
+	if (!local) return global;
+	if (!global) return local;
+	return {
+		...global,
+		...local
+	};
+}
+/**
+* Extract animation name from a single animation value.
+* Returns null if no valid name found.
+*
+* Examples:
+* - "fadeIn 300ms ease-in" → "fadeIn"
+* - "1s pulse infinite" → "pulse" (name can be anywhere)
+* - "none" → null (CSS keyword)
+* - "300ms ease-in" → null (no name, just duration/timing)
+*/
+function extractAnimationNameFromValue(value) {
+	const trimmed = value.trim();
+	if (!trimmed) return null;
+	const parts = trimmed.split(/\s+/);
+	for (const part of parts) {
+		if (CSS_KEYWORDS.has(part.toLowerCase())) continue;
+		if (/^-?[\d.]+m?s$/i.test(part)) continue;
+		if (part === "infinite" || /^\d+$/.test(part)) continue;
+		if ([
+			"normal",
+			"reverse",
+			"alternate",
+			"alternate-reverse"
+		].includes(part.toLowerCase())) continue;
+		if ([
+			"forwards",
+			"backwards",
+			"both"
+		].includes(part.toLowerCase())) continue;
+		if (["running", "paused"].includes(part.toLowerCase())) continue;
+		if (/^(ease|linear|ease-in|ease-out|ease-in-out|step-start|step-end)$/i.test(part)) continue;
+		if (/^(cubic-bezier|steps)\(/i.test(part)) continue;
+		const match = ANIMATION_NAME_PATTERN.exec(part);
+		if (match) return match[1];
+	}
+	return null;
+}
+/**
+* Extract all animation names from an animation property value.
+* Handles multiple animations separated by commas.
+*
+* Example: "fadeIn 300ms, slideIn 500ms ease-out" → ["fadeIn", "slideIn"]
+*/
+function extractAnimationNamesFromAnimationValue(value) {
+	const names = [];
+	const animations = value.split(",");
+	for (const animation of animations) {
+		const name = extractAnimationNameFromValue(animation);
+		if (name && !names.includes(name)) names.push(name);
+	}
+	return names;
+}
+/**
+* Extract animation names from a style value (handles mappings and arrays).
+*/
+function extractAnimationNamesFromStyleValue(value, names) {
+	if (typeof value === "string") for (const name of extractAnimationNamesFromAnimationValue(value)) names.add(name);
+	else if (Array.isArray(value)) for (const v of value) extractAnimationNamesFromStyleValue(v, names);
+	else if (value && typeof value === "object") for (const v of Object.values(value)) extractAnimationNamesFromStyleValue(v, names);
+}
+/**
+* Extract all animation names referenced in styles.
+* Scans 'animation' and 'animationName' properties including in state mappings.
+* Returns empty set if no animation properties found (fast path).
+*/
+function extractAnimationNamesFromStyles(styles) {
+	const names = /* @__PURE__ */ new Set();
+	if ("animation" in styles) extractAnimationNamesFromStyleValue(styles.animation, names);
+	if ("animationName" in styles) extractAnimationNamesFromStyleValue(styles.animationName, names);
+	for (const [key, value] of Object.entries(styles)) {
+		if (key === "$" || key === KEYFRAMES_KEY) continue;
+		if ((key.startsWith("&") || key.startsWith(".") || /^[A-Z]/.test(key)) && value && typeof value === "object") {
+			const nestedNames = extractAnimationNamesFromStyles(value);
+			for (const name of nestedNames) names.add(name);
+		}
+	}
+	return names;
+}
+/**
+* Filter keyframes to only those that are actually used.
+* Returns null if no keyframes are used (fast path).
+*/
+function filterUsedKeyframes(keyframes, usedNames) {
+	if (!keyframes || usedNames.size === 0) return null;
+	const used = {};
+	let hasAny = false;
+	for (const name of usedNames) if (keyframes[name]) {
+		used[name] = keyframes[name];
+		hasAny = true;
+	}
+	return hasAny ? used : null;
+}
+
+//#endregion
+export { extractAnimationNamesFromStyles, extractLocalKeyframes, filterUsedKeyframes, hasLocalKeyframes, mergeKeyframes };
+//# sourceMappingURL=index.mjs.map

package/dist/keyframes/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/keyframes/index.ts"],"sourcesContent":["/**\n * Keyframes Utilities\n *\n * Optimized utilities for extracting and processing keyframes in styles.\n * Designed for zero overhead when no keyframes are used.\n */\n\nimport { getGlobalKeyframes, hasGlobalKeyframes } from '../config';\nimport type { KeyframesSteps } from '../injector/types';\nimport type { Styles } from '../styles/types';\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst KEYFRAMES_KEY = '@keyframes';\n\n/**\n * Pattern to extract animation names from CSS animation property values.\n * Animation name is typically the first identifier in the shorthand.\n * Handles: \"fadeIn 300ms ease-in\", \"pulse 1s infinite\", etc.\n *\n * CSS animation shorthand order (all optional except name):\n * animation: name | duration | timing | delay | iteration | direction | fill-mode | play-state\n *\n * Animation names must:\n * - Start with a letter, underscore, or hyphen (but not a digit or CSS keyword)\n * - Not be CSS keywords: none, initial, inherit, unset, revert\n */\nconst CSS_KEYWORDS = new Set([\n  'none',\n  'initial',\n  'inherit',\n  'unset',\n  'revert',\n  'auto',\n  'normal',\n  'running',\n  'paused',\n]);\n\n/**\n * Pattern to match animation name at the start of an animation value.\n * Must start with letter, underscore, or hyphen (not digit).\n */\nconst ANIMATION_NAME_PATTERN = /^([a-zA-Z_-][a-zA-Z0-9_-]*)/;\n\n// ============================================================================\n// Extraction Functions\n// ============================================================================\n\n/**\n * Check if styles object has local @keyframes definition.\n * Fast path: single property lookup.\n */\nexport function hasLocalKeyframes(styles: Styles): boolean {\n  return KEYFRAMES_KEY in styles;\n}\n\n/**\n * Extract local @keyframes from styles object.\n * Returns null if no local keyframes (fast path).\n */\nexport function extractLocalKeyframes(\n  styles: Styles,\n): Record<string, KeyframesSteps> | null {\n  const keyframes = styles[KEYFRAMES_KEY];\n  if (!keyframes || typeof keyframes !== 'object') {\n    return null;\n  }\n  return keyframes as Record<string, KeyframesSteps>;\n}\n\n/**\n * Merge local and global keyframes.\n * Local keyframes take priority over global.\n * Returns null if no keyframes exist (fast path).\n */\nexport function mergeKeyframes(\n  local: Record<string, KeyframesSteps> | null,\n  global: Record<string, KeyframesSteps> | null,\n): Record<string, KeyframesSteps> | null {\n  if (!local && !global) return null;\n  if (!local) return global;\n  if (!global) return local;\n  // Local overrides global\n  return { ...global, ...local };\n}\n\n/**\n * Get merged keyframes for styles (local + global).\n * Returns null if no keyframes defined anywhere (fast path).\n */\nexport function getKeyframesForStyles(\n  styles: Styles,\n): Record<string, KeyframesSteps> | null {\n  const local = extractLocalKeyframes(styles);\n  const global = hasGlobalKeyframes() ? getGlobalKeyframes() : null;\n  return mergeKeyframes(local, global);\n}\n\n// ============================================================================\n// Animation Name Extraction\n// ============================================================================\n\n/**\n * Extract animation name from a single animation value.\n * Returns null if no valid name found.\n *\n * Examples:\n * - \"fadeIn 300ms ease-in\" → \"fadeIn\"\n * - \"1s pulse infinite\" → \"pulse\" (name can be anywhere)\n * - \"none\" → null (CSS keyword)\n * - \"300ms ease-in\" → null (no name, just duration/timing)\n */\nfunction extractAnimationNameFromValue(value: string): string | null {\n  const trimmed = value.trim();\n  if (!trimmed) return null;\n\n  // Split by whitespace and find the first valid animation name\n  const parts = trimmed.split(/\\s+/);\n\n  for (const part of parts) {\n    // Skip CSS keywords\n    if (CSS_KEYWORDS.has(part.toLowerCase())) continue;\n\n    // Skip time values (e.g., 300ms, 1s, 0.5s)\n    if (/^-?[\\d.]+m?s$/i.test(part)) continue;\n\n    // Skip iteration counts (e.g., infinite, 3)\n    if (part === 'infinite' || /^\\d+$/.test(part)) continue;\n\n    // Skip direction values\n    if (\n      ['normal', 'reverse', 'alternate', 'alternate-reverse'].includes(\n        part.toLowerCase(),\n      )\n    )\n      continue;\n\n    // Skip fill-mode values\n    if (['forwards', 'backwards', 'both'].includes(part.toLowerCase()))\n      continue;\n\n    // Skip play-state values\n    if (['running', 'paused'].includes(part.toLowerCase())) continue;\n\n    // Skip timing functions (ease, linear, ease-in, etc., or cubic-bezier/steps)\n    if (\n      /^(ease|linear|ease-in|ease-out|ease-in-out|step-start|step-end)$/i.test(\n        part,\n      )\n    )\n      continue;\n    if (/^(cubic-bezier|steps)\\(/i.test(part)) continue;\n\n    // Check if it looks like a valid animation name\n    const match = ANIMATION_NAME_PATTERN.exec(part);\n    if (match) {\n      return match[1];\n    }\n  }\n\n  return null;\n}\n\n/**\n * Extract all animation names from an animation property value.\n * Handles multiple animations separated by commas.\n *\n * Example: \"fadeIn 300ms, slideIn 500ms ease-out\" → [\"fadeIn\", \"slideIn\"]\n */\nfunction extractAnimationNamesFromAnimationValue(value: string): string[] {\n  const names: string[] = [];\n\n  // Split by comma for multiple animations\n  const animations = value.split(',');\n\n  for (const animation of animations) {\n    const name = extractAnimationNameFromValue(animation);\n    if (name && !names.includes(name)) {\n      names.push(name);\n    }\n  }\n\n  return names;\n}\n\n/**\n * Extract animation names from a style value (handles mappings and arrays).\n */\nfunction extractAnimationNamesFromStyleValue(\n  value: unknown,\n  names: Set<string>,\n): void {\n  if (typeof value === 'string') {\n    for (const name of extractAnimationNamesFromAnimationValue(value)) {\n      names.add(name);\n    }\n  } else if (Array.isArray(value)) {\n    // Responsive array\n    for (const v of value) {\n      extractAnimationNamesFromStyleValue(v, names);\n    }\n  } else if (value && typeof value === 'object') {\n    // State mapping\n    for (const v of Object.values(value)) {\n      extractAnimationNamesFromStyleValue(v, names);\n    }\n  }\n}\n\n/**\n * Extract all animation names referenced in styles.\n * Scans 'animation' and 'animationName' properties including in state mappings.\n * Returns empty set if no animation properties found (fast path).\n */\nexport function extractAnimationNamesFromStyles(styles: Styles): Set<string> {\n  const names = new Set<string>();\n\n  // Check animation property\n  if ('animation' in styles) {\n    extractAnimationNamesFromStyleValue(styles.animation, names);\n  }\n\n  // Check animationName property\n  if ('animationName' in styles) {\n    extractAnimationNamesFromStyleValue(styles.animationName, names);\n  }\n\n  // Check nested selectors (sub-elements)\n  for (const [key, value] of Object.entries(styles)) {\n    // Skip non-selector keys and special keys\n    if (key === '$' || key === KEYFRAMES_KEY) continue;\n\n    // Check if it's a selector (starts with &, ., or uppercase)\n    if (\n      (key.startsWith('&') || key.startsWith('.') || /^[A-Z]/.test(key)) &&\n      value &&\n      typeof value === 'object'\n    ) {\n      // Recursively extract from nested styles\n      const nestedNames = extractAnimationNamesFromStyles(value as Styles);\n      for (const name of nestedNames) {\n        names.add(name);\n      }\n    }\n  }\n\n  return names;\n}\n\n// ============================================================================\n// Name Replacement\n// ============================================================================\n\n/**\n * Replace animation names in CSS declarations with injected names.\n * Optimized to avoid regex creation - uses simple string replacement.\n *\n * @param declarations CSS declarations string\n * @param nameMap Map from original name to injected name (only contains names that differ)\n * @returns Updated declarations string\n */\nexport function replaceAnimationNames(\n  declarations: string,\n  nameMap: Map<string, string>,\n): string {\n  // Fast path: no animation properties\n  if (!declarations.includes('animation')) return declarations;\n\n  // Parse and replace\n  const parts = declarations.split(';');\n  let modified = false;\n\n  for (let i = 0; i < parts.length; i++) {\n    const part = parts[i];\n    const colonIdx = part.indexOf(':');\n    if (colonIdx === -1) continue;\n\n    const prop = part.slice(0, colonIdx).trim().toLowerCase();\n\n    if (prop === 'animation' || prop === 'animation-name') {\n      const prefix = part.slice(0, colonIdx + 1);\n      let value = part.slice(colonIdx + 1);\n\n      // Replace each animation name using simple word replacement\n      for (const [original, injected] of nameMap) {\n        // Simple word boundary replacement without regex\n        const newValue = replaceWord(value, original, injected);\n        if (newValue !== value) {\n          value = newValue;\n          modified = true;\n        }\n      }\n\n      parts[i] = prefix + value;\n    }\n  }\n\n  return modified ? parts.join(';') : declarations;\n}\n\n/**\n * Replace a word in a string (word boundary aware, no regex).\n */\nfunction replaceWord(str: string, word: string, replacement: string): string {\n  let result = str;\n  let idx = 0;\n\n  while ((idx = result.indexOf(word, idx)) !== -1) {\n    // Check word boundaries\n    const before = idx === 0 ? ' ' : result[idx - 1];\n    const after =\n      idx + word.length >= result.length ? ' ' : result[idx + word.length];\n\n    const isWordBoundaryBefore = !/[a-zA-Z0-9_-]/.test(before);\n    const isWordBoundaryAfter = !/[a-zA-Z0-9_-]/.test(after);\n\n    if (isWordBoundaryBefore && isWordBoundaryAfter) {\n      result =\n        result.slice(0, idx) + replacement + result.slice(idx + word.length);\n      idx += replacement.length;\n    } else {\n      idx += word.length;\n    }\n  }\n\n  return result;\n}\n\n// ============================================================================\n// Filter Functions\n// ============================================================================\n\n/**\n * Filter keyframes to only those that are actually used.\n * Returns null if no keyframes are used (fast path).\n */\nexport function filterUsedKeyframes(\n  keyframes: Record<string, KeyframesSteps> | null,\n  usedNames: Set<string>,\n): Record<string, KeyframesSteps> | null {\n  if (!keyframes || usedNames.size === 0) return null;\n\n  const used: Record<string, KeyframesSteps> = {};\n  let hasAny = false;\n\n  for (const name of usedNames) {\n    if (keyframes[name]) {\n      used[name] = keyframes[name];\n      hasAny = true;\n    }\n  }\n\n  return hasAny ? used : null;\n}\n"],"mappings":"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"}

package/dist/parser/classify.js

@@ -0,0 +1,319 @@
+import { COLOR_FUNCS, RE_HEX, RE_NUMBER, RE_RAW_UNIT, RE_UNIT_NUM, VALUE_KEYWORDS } from "./const.js";
+import { Bucket } from "./types.js";
+import { StyleParser } from "./parser.js";
+import { getGlobalPredefinedTokens } from "../utils/styles.js";
+
+//#region src/parser/classify.ts
+/**
+* Re-parses a value through the parser until it stabilizes (no changes)
+* or max iterations reached. This allows units to reference other units.
+* Example: { x: '8px', y: '2x' } -> '1y' resolves to '16px'
+*/
+function resolveUntilStable(value, opts, recurse, maxIterations = 10) {
+	let current = value;
+	for (let i = 0; i < maxIterations; i++) {
+		const unitMatch = current.match(RE_UNIT_NUM);
+		if (!unitMatch) break;
+		const unitName = unitMatch[1];
+		if (!opts.units || !(unitName in opts.units)) break;
+		const result = recurse(current);
+		if (result.output === current) break;
+		current = result.output;
+	}
+	return current;
+}
+function classify(raw, opts, recurse) {
+	const token = raw.trim();
+	if (!token) return {
+		bucket: Bucket.Mod,
+		processed: ""
+	};
+	{
+		let depth = 0;
+		let inQuote = 0;
+		for (let i = 0; i < token.length; i++) {
+			const ch = token[i];
+			if (inQuote) {
+				if (ch === inQuote && token[i - 1] !== "\\") inQuote = 0;
+				continue;
+			}
+			if (ch === "\"" || ch === "'") {
+				inQuote = ch;
+				continue;
+			}
+			if (ch === "(") depth++;
+			else if (ch === ")") depth = Math.max(0, depth - 1);
+		}
+		if (depth !== 0) {
+			console.warn("tasty: skipped invalid function token with unmatched parentheses:", token);
+			return {
+				bucket: Bucket.Mod,
+				processed: ""
+			};
+		}
+	}
+	if (token.startsWith("\"") && token.endsWith("\"") || token.startsWith("'") && token.endsWith("'")) return {
+		bucket: Bucket.Value,
+		processed: token
+	};
+	if (token.startsWith("$$")) {
+		const name = token.slice(2);
+		if (/^[a-z_][a-z0-9-_]*$/i.test(name)) return {
+			bucket: Bucket.Value,
+			processed: `--${name}`
+		};
+	}
+	if (token.startsWith("##")) {
+		const name = token.slice(2);
+		if (/^[a-z_][a-z0-9-_]*$/i.test(name)) return {
+			bucket: Bucket.Value,
+			processed: `--${name}-color`
+		};
+	}
+	if (token === "#current") return {
+		bucket: Bucket.Color,
+		processed: "currentcolor"
+	};
+	const currentAlphaMatch = token.match(/^#current\.(\$[a-z_][a-z0-9-_]*|[0-9]+)$/i);
+	if (currentAlphaMatch) {
+		const rawAlpha = currentAlphaMatch[1];
+		let percentage;
+		if (rawAlpha.startsWith("$")) percentage = `calc(var(--${rawAlpha.slice(1)}) * 100%)`;
+		else if (rawAlpha === "0") percentage = "0%";
+		else percentage = `${parseFloat("." + rawAlpha) * 100}%`;
+		return {
+			bucket: Bucket.Color,
+			processed: `color-mix(in oklab, currentcolor ${percentage}, transparent)`
+		};
+	}
+	if (token[0] === "$" || token[0] === "#") {
+		const predefinedTokens = getGlobalPredefinedTokens();
+		if (predefinedTokens) {
+			if (token in predefinedTokens) {
+				const tokenValue = predefinedTokens[token];
+				return classify(tokenValue.toLowerCase(), opts, recurse);
+			}
+			if (token[0] === "#") {
+				const alphaMatch = token.match(/^(#[a-z0-9-]+)\.(\$[a-z_][a-z0-9-_]*|[0-9]+)$/i);
+				if (alphaMatch) {
+					const [, baseToken, rawAlpha] = alphaMatch;
+					if (baseToken in predefinedTokens) {
+						const resolvedValue = predefinedTokens[baseToken];
+						if (resolvedValue.startsWith("#")) return classify(`${resolvedValue.toLowerCase()}.${rawAlpha}`, opts, recurse);
+						const funcMatch = resolvedValue.match(/^(rgba?|hsla?|hwb|oklab|oklch|lab|lch|color|okhsl|device-cmyk|gray|color-mix|color-contrast)\((.+)\)$/i);
+						if (funcMatch) {
+							const [, funcName, args] = funcMatch;
+							let alpha;
+							if (rawAlpha.startsWith("$")) alpha = `var(--${rawAlpha.slice(1)})`;
+							else alpha = rawAlpha === "0" ? "0" : `.${rawAlpha}`;
+							const normalizedFunc = funcName.replace(/a$/i, "").toLowerCase();
+							const normalizeArgs = (a) => {
+								let result = "";
+								let depth = 0;
+								for (let i = 0; i < a.length; i++) {
+									const c = a[i];
+									if (c === "(") {
+										depth++;
+										result += c;
+									} else if (c === ")") {
+										depth = Math.max(0, depth - 1);
+										result += c;
+									} else if (c === "," && depth === 0) {
+										while (i + 1 < a.length && /\s/.test(a[i + 1])) i++;
+										result += " ";
+									} else result += c;
+								}
+								return result;
+							};
+							const findLastTopLevel = (str, ch) => {
+								let depth = 0;
+								for (let i = str.length - 1; i >= 0; i--) {
+									const c = str[i];
+									if (c === ")") depth++;
+									else if (c === "(") depth = Math.max(0, depth - 1);
+									else if (c === ch && depth === 0) return i;
+								}
+								return -1;
+							};
+							const slashIdx = findLastTopLevel(args, "/");
+							const hasModernAlpha = slashIdx !== -1;
+							let topLevelCommaCount = 0;
+							let lastTopLevelComma = -1;
+							{
+								let depth = 0;
+								for (let i = 0; i < args.length; i++) {
+									const c = args[i];
+									if (c === "(") depth++;
+									else if (c === ")") depth = Math.max(0, depth - 1);
+									else if (c === "," && depth === 0) {
+										topLevelCommaCount++;
+										lastTopLevelComma = i;
+									}
+								}
+							}
+							const hasLegacyAlpha = !hasModernAlpha && /a$/i.test(funcName) && topLevelCommaCount === 3;
+							const constructed = `${normalizedFunc}(${hasModernAlpha || hasLegacyAlpha ? normalizeArgs(hasModernAlpha ? args.slice(0, slashIdx).trim() : args.slice(0, lastTopLevelComma).trim()) : normalizeArgs(args)} / ${alpha})`;
+							if (!COLOR_FUNCS.has(normalizedFunc) && opts.funcs && normalizedFunc in opts.funcs) return classify(constructed, opts, recurse);
+							return {
+								bucket: Bucket.Color,
+								processed: constructed
+							};
+						}
+						return classify(`${resolvedValue}.${rawAlpha}`, opts, recurse);
+					}
+				}
+			}
+		}
+	}
+	if (token.match(/^var\(--([a-z0-9-]+)-color\)$/)) return {
+		bucket: Bucket.Color,
+		processed: token
+	};
+	if (token.startsWith("url(")) return {
+		bucket: Bucket.Value,
+		processed: token
+	};
+	if (token[0] === "$") {
+		const identMatch = token.match(/^\$([a-z_][a-z0-9-_]*)$/);
+		if (identMatch) {
+			const name = identMatch[1];
+			const processed = `var(--${name})`;
+			return {
+				bucket: name.endsWith("-color") ? Bucket.Color : Bucket.Value,
+				processed
+			};
+		}
+	}
+	if (token[0] === "#" && token.length > 1) {
+		const alphaMatch = token.match(/^#([a-z0-9-]+)\.(\$[a-z_][a-z0-9-_]*|[0-9]+)$/i);
+		if (alphaMatch) {
+			const [, base, rawAlpha] = alphaMatch;
+			let alpha;
+			if (rawAlpha.startsWith("$")) alpha = `var(--${rawAlpha.slice(1)})`;
+			else if (rawAlpha === "0") alpha = "0";
+			else alpha = `.${rawAlpha}`;
+			return {
+				bucket: Bucket.Color,
+				processed: `rgb(var(--${base}-color-rgb) / ${alpha})`
+			};
+		}
+		const name = token.slice(1);
+		if (RE_HEX.test(name)) return {
+			bucket: Bucket.Color,
+			processed: `var(--${name}-color, #${name})`
+		};
+		return {
+			bucket: Bucket.Color,
+			processed: `var(--${name}-color)`
+		};
+	}
+	const openIdx = token.indexOf("(");
+	if (openIdx > 0 && token.endsWith(")")) {
+		const fname = token.slice(0, openIdx);
+		const inner = token.slice(openIdx + 1, -1);
+		if (COLOR_FUNCS.has(fname)) {
+			const argProcessed = recurse(inner).output.replace(/,\s+/g, ",");
+			return {
+				bucket: Bucket.Color,
+				processed: `${fname}(${argProcessed})`
+			};
+		}
+		if (opts.funcs && fname in opts.funcs) {
+			const tmp = new StyleParser(opts).process(inner);
+			return classify(opts.funcs[fname](tmp.groups), {
+				...opts,
+				funcs: void 0
+			}, recurse);
+		}
+		const argProcessed = recurse(inner).output;
+		return {
+			bucket: Bucket.Value,
+			processed: `${fname}(${argProcessed})`
+		};
+	}
+	if (token.startsWith("(") && token.endsWith(")")) {
+		const colorMatch = token.slice(1, -1).match(/^#([a-z0-9-]+)\s*,\s*(.*)$/i);
+		if (colorMatch) {
+			const [, name, fallback] = colorMatch;
+			const processedFallback = recurse(fallback).output;
+			return {
+				bucket: Bucket.Color,
+				processed: `var(--${name}-color, ${processedFallback})`
+			};
+		}
+	}
+	if (token.startsWith("(") && token.endsWith(")")) {
+		const match = token.slice(1, -1).match(/^\$([a-z_][a-z0-9-_]*)\s*,\s*(.*)$/);
+		if (match) {
+			const [, name, fallback] = match;
+			const processedFallback = recurse(fallback).output;
+			return {
+				bucket: name.endsWith("-color") ? Bucket.Color : Bucket.Value,
+				processed: `var(--${name}, ${processedFallback})`
+			};
+		}
+	}
+	if (token[0] === "(" && token[token.length - 1] === ")") {
+		const innerProcessed = recurse(token.slice(1, -1)).output;
+		return {
+			bucket: Bucket.Value,
+			processed: `calc(${innerProcessed})`
+		};
+	}
+	const um = token.match(RE_UNIT_NUM);
+	if (um) {
+		const unit = um[1];
+		const numericPart = parseFloat(token.slice(0, -unit.length));
+		const handler = opts.units && opts.units[unit];
+		if (handler) if (typeof handler === "string") {
+			const rawMatch = handler.match(RE_RAW_UNIT);
+			if (rawMatch) {
+				const [, baseNum, cssUnit] = rawMatch;
+				const resolved = resolveUntilStable(`${numericPart * parseFloat(baseNum)}${cssUnit}`, opts, recurse);
+				return {
+					bucket: Bucket.Value,
+					processed: resolved
+				};
+			}
+			const base = handler;
+			if (numericPart === 1) return {
+				bucket: Bucket.Value,
+				processed: base
+			};
+			return {
+				bucket: Bucket.Value,
+				processed: `calc(${numericPart} * ${base})`
+			};
+		} else {
+			const inner = handler(numericPart);
+			return {
+				bucket: Bucket.Value,
+				processed: inner
+			};
+		}
+	}
+	if (/^[+-]?(?:\d*\.\d+|\d+)[a-z%]+$/.test(token)) return {
+		bucket: Bucket.Value,
+		processed: token
+	};
+	if (RE_NUMBER.test(token)) return {
+		bucket: Bucket.Value,
+		processed: token
+	};
+	if (VALUE_KEYWORDS.has(token)) return {
+		bucket: Bucket.Value,
+		processed: token
+	};
+	if (token === "transparent" || token === "currentcolor") return {
+		bucket: Bucket.Color,
+		processed: token
+	};
+	return {
+		bucket: Bucket.Mod,
+		processed: token
+	};
+}
+
+//#endregion
+export { classify };
+//# sourceMappingURL=classify.js.map

package/dist/parser/classify.js.map

@@ -0,0 +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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"}