@tenphi/tasty 0.13.1 → 0.14.0

package/dist/utils/process-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"process-tokens.js","names":[],"sources":["../../src/utils/process-tokens.ts"],"sourcesContent":["import type { Tokens, TokenValue } from '../types';\n\nimport type { CSSProperties } from './css-types';\n\nimport { okhslToRgb } from './okhsl-to-rgb';\nimport {\n  getRgbValuesFromRgbaString,\n  hexToRgb,\n  normalizeColorTokenValue,\n  parseStyle,\n} from './styles';\n\nconst devMode = process.env.NODE_ENV !== 'production';\n\n/**\n * Parse HSL values from an hsl()/hsla() string.\n * Supports both comma-separated (legacy) and space-separated (modern) syntax:\n *   hsl(200, 40%, 50%)\n *   hsl(200 40% 50%)\n *   hsl(200 40% 50% / 0.5)\n *\n * Returns [h, s, l] where h is 0-360, s and l are 0-1, or null if parsing fails.\n */\nfunction parseHslValues(str: string): [number, number, number] | null {\n  const match = str.match(/hsla?\\(([^)]+)\\)/i);\n  if (!match) return null;\n\n  const inner = match[1].trim();\n  // Split by slash first (for alpha), then handle color components\n  const [colorPart] = inner.split('/');\n  // Split by comma or whitespace\n  const parts = colorPart\n    .trim()\n    .split(/[,\\s]+/)\n    .filter(Boolean);\n\n  if (parts.length < 3) return null;\n\n  // Parse hue (can be unitless degrees, deg, turn, rad, or grad)\n  let h = parseFloat(parts[0]);\n  const hueStr = parts[0].toLowerCase();\n  if (hueStr.endsWith('turn')) {\n    h = parseFloat(hueStr) * 360;\n  } else if (hueStr.endsWith('rad')) {\n    h = (parseFloat(hueStr) * 180) / Math.PI;\n  } else if (hueStr.endsWith('grad')) {\n    h = parseFloat(hueStr) * 0.9; // 400 grad = 360 deg\n  }\n  // deg or unitless are already in degrees\n\n  // Normalize hue to 0-360 range\n  h = h % 360;\n  if (h < 0) h += 360;\n\n  // Parse saturation and lightness (percentages)\n  const parsePercent = (val: string): number => {\n    const num = parseFloat(val);\n    return val.includes('%') ? num / 100 : num;\n  };\n\n  const s = Math.max(0, Math.min(1, parsePercent(parts[1])));\n  const l = Math.max(0, Math.min(1, parsePercent(parts[2])));\n\n  return [h, s, l];\n}\n\n/**\n * Convert HSL to RGB (sRGB).\n * Algorithm from: https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative\n * Same as used in CSS Color 4 spec.\n *\n * @param h - Hue in degrees (0-360)\n * @param s - Saturation (0-1)\n * @param l - Lightness (0-1)\n * @returns RGB values in 0-255 range (may have fractional values)\n */\nexport function hslToRgbValues(\n  h: number,\n  s: number,\n  l: number,\n): [number, number, number] {\n  const a = s * Math.min(l, 1 - l);\n\n  const f = (n: number): number => {\n    const k = (n + h / 30) % 12;\n    return l - a * Math.max(-1, Math.min(k - 3, 9 - k, 1));\n  };\n\n  // Convert 0-1 range to 0-255\n  return [f(0) * 255, f(8) * 255, f(4) * 255];\n}\n\n/**\n * Format a number to a string with up to 1 decimal place, removing trailing zeros.\n */\nfunction formatRgbComponent(n: number): string {\n  return parseFloat(n.toFixed(1)).toString();\n}\n\n/**\n * Extract RGB triplet from a color value.\n * Returns the RGB values as a space-separated string (e.g., \"255 128 0\")\n * or a CSS variable reference for token colors.\n */\nfunction extractRgbValue(colorValue: string, parsedOutput: string): string {\n  // If the parsed output references a color variable, use the -rgb variant\n  const varMatch = parsedOutput.match(/var\\(--([a-z0-9-]+)-color\\)/);\n  if (varMatch) {\n    return `var(--${varMatch[1]}-color-rgb)`;\n  }\n\n  // For rgb(...) values, extract the triplet\n  if (parsedOutput.startsWith('rgb(')) {\n    const rgbValues = getRgbValuesFromRgbaString(parsedOutput);\n    if (rgbValues && rgbValues.length >= 3) {\n      return rgbValues.join(' ');\n    }\n  }\n\n  // For hsl(...) values, convert to RGB triplet\n  if (\n    parsedOutput.startsWith('hsl(') ||\n    parsedOutput.startsWith('hsla(') ||\n    colorValue.startsWith('hsl(') ||\n    colorValue.startsWith('hsla(')\n  ) {\n    // Try parsedOutput first, then original colorValue\n    const hslValues =\n      parseHslValues(parsedOutput) || parseHslValues(colorValue);\n    if (hslValues) {\n      const [r, g, b] = hslToRgbValues(\n        hslValues[0],\n        hslValues[1],\n        hslValues[2],\n      );\n      return `${formatRgbComponent(r)} ${formatRgbComponent(g)} ${formatRgbComponent(b)}`;\n    }\n  }\n\n  // For okhsl(...) values, convert to RGB triplet\n  if (parsedOutput.startsWith('okhsl(') || colorValue.startsWith('okhsl(')) {\n    // Try parsedOutput first, then original colorValue\n    const rgbResult = okhslToRgb(parsedOutput) || okhslToRgb(colorValue);\n    if (rgbResult) {\n      const rgbValues = getRgbValuesFromRgbaString(rgbResult);\n      if (rgbValues && rgbValues.length >= 3) {\n        return rgbValues.join(' ');\n      }\n    }\n  }\n\n  // For hex values, convert to RGB triplet\n  if (colorValue.startsWith('#') && /^#[0-9a-fA-F]{3,8}$/.test(colorValue)) {\n    const rgbResult = hexToRgb(colorValue);\n    if (rgbResult) {\n      const rgbValues = getRgbValuesFromRgbaString(rgbResult);\n      if (rgbValues && rgbValues.length >= 3) {\n        return rgbValues.join(' ');\n      }\n    }\n  }\n\n  // Fallback: return the parsed output (may not be ideal but covers edge cases)\n  return parsedOutput;\n}\n\n/**\n * Check if a value is a valid token value (string, number, or boolean - not object).\n * Returns false for `false` values (they mean \"skip this token\").\n */\nfunction isValidTokenValue(\n  value: unknown,\n): value is Exclude<TokenValue, undefined | null | false> {\n  if (value === undefined || value === null || value === false) {\n    return false;\n  }\n\n  if (typeof value === 'object') {\n    if (devMode) {\n      console.warn(\n        'CubeUIKit: Object values are not allowed in tokens prop. ' +\n          'Tokens do not support state-based styling. Use a primitive value instead.',\n      );\n    }\n    return false;\n  }\n\n  return (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  );\n}\n\n/**\n * Process a single token value through the tasty parser.\n * Numbers are converted to strings; 0 stays as \"0\".\n */\nfunction processTokenValue(value: string | number): string {\n  if (typeof value === 'number') {\n    // 0 should remain as \"0\", not converted to any unit\n    if (value === 0) {\n      return '0';\n    }\n    return parseStyle(String(value)).output;\n  }\n  return parseStyle(value).output;\n}\n\n/**\n * Process tokens object into inline style properties.\n * - $name -> --name with parsed value\n * - #name -> --name-color AND --name-color-rgb with parsed values\n *\n * @param tokens - The tokens object to process\n * @returns CSSProperties object or undefined if no tokens to process\n */\nexport function processTokens(\n  tokens: Tokens | undefined,\n): CSSProperties | undefined {\n  if (!tokens) {\n    return undefined;\n  }\n\n  const keys = Object.keys(tokens);\n  if (keys.length === 0) {\n    return undefined;\n  }\n\n  let result: Record<string, string> | undefined;\n\n  for (const key of keys) {\n    const value = tokens[key as keyof Tokens];\n\n    // Skip undefined/null values\n    if (!isValidTokenValue(value)) {\n      continue;\n    }\n\n    if (key.startsWith('$')) {\n      // Custom property token: $name -> --name\n      const propName = `--${key.slice(1)}`;\n      // Boolean true for custom properties converts to empty string (valid CSS value)\n      const effectiveValue = value === true ? '' : value;\n      const processedValue = processTokenValue(effectiveValue);\n\n      if (!result) result = {};\n      result[propName] = processedValue;\n    } else if (key.startsWith('#')) {\n      // Color token: #name -> --name-color and --name-color-rgb\n      const colorName = key.slice(1);\n\n      // Normalize color token value (true → 'transparent', false is already filtered by isValidTokenValue)\n      const effectiveValue = normalizeColorTokenValue(value);\n      // Skip if normalized to null (shouldn't happen since false is filtered by isValidTokenValue)\n      if (effectiveValue === null) continue;\n\n      const originalValue =\n        typeof effectiveValue === 'number'\n          ? String(effectiveValue)\n          : effectiveValue;\n      const lowerValue = originalValue.toLowerCase();\n      const processedValue = processTokenValue(effectiveValue);\n\n      if (!result) result = {};\n      result[`--${colorName}-color`] = processedValue;\n\n      // Skip RGB generation for #current values (currentcolor is dynamic, cannot extract RGB)\n      // Match only #current or #current.opacity, not #current-theme or #currently-used\n      if (/^#current(?:\\.|$)/i.test(lowerValue)) {\n        continue;\n      }\n\n      result[`--${colorName}-color-rgb`] = extractRgbValue(\n        originalValue,\n        processedValue,\n      );\n    }\n  }\n\n  return result as CSSProperties | undefined;\n}\n\n/**\n * Stringify tokens for memoization key.\n */\nexport function stringifyTokens(tokens: Tokens | undefined): string {\n  if (!tokens) return '';\n  return JSON.stringify(tokens);\n}\n"],"mappings":"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"}
+{"version":3,"file":"process-tokens.js","names":[],"sources":["../../src/utils/process-tokens.ts"],"sourcesContent":["import type { Tokens, TokenValue } from '../types';\n\nimport type { CSSProperties } from './css-types';\n\nimport { getColorSpaceComponents, getColorSpaceSuffix } from './color-space';\nimport { normalizeColorTokenValue, parseStyle } from './styles';\n\nexport { hslToRgbValues } from './color-math';\n\nconst devMode = process.env.NODE_ENV !== 'production';\n\n/**\n * Extract color components in the configured color space.\n * Returns a CSS variable reference for token colors, or decomposed\n * components as a space-separated string.\n */\nfunction extractColorSpaceValue(\n  colorValue: string,\n  parsedOutput: string,\n): string {\n  const suffix = getColorSpaceSuffix();\n\n  // If the parsed output references a color variable, use the companion variant\n  const varMatch = parsedOutput.match(/var\\(--([a-z0-9-]+)-color\\)/);\n  if (varMatch) {\n    return `var(--${varMatch[1]}-color-${suffix})`;\n  }\n\n  // Try the original color value first, then parsed output\n  const components = getColorSpaceComponents(colorValue);\n  if (components !== colorValue) return components;\n\n  const componentsFromParsed = getColorSpaceComponents(parsedOutput);\n  if (componentsFromParsed !== parsedOutput) return componentsFromParsed;\n\n  // Fallback: return the parsed output\n  return parsedOutput;\n}\n\n/**\n * Check if a value is a valid token value (string, number, or boolean - not object).\n * Returns false for `false` values (they mean \"skip this token\").\n */\nfunction isValidTokenValue(\n  value: unknown,\n): value is Exclude<TokenValue, undefined | null | false> {\n  if (value === undefined || value === null || value === false) {\n    return false;\n  }\n\n  if (typeof value === 'object') {\n    if (devMode) {\n      console.warn(\n        'Tasty: Object values are not allowed in tokens prop. ' +\n          'Tokens do not support state-based styling. Use a primitive value instead.',\n      );\n    }\n    return false;\n  }\n\n  return (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  );\n}\n\n/**\n * Process a single token value through the tasty parser.\n * Numbers are converted to strings; 0 stays as \"0\".\n */\nfunction processTokenValue(value: string | number): string {\n  if (typeof value === 'number') {\n    // 0 should remain as \"0\", not converted to any unit\n    if (value === 0) {\n      return '0';\n    }\n    return parseStyle(String(value)).output;\n  }\n  return parseStyle(value).output;\n}\n\n/**\n * Process tokens object into inline style properties.\n * - $name -> --name with parsed value\n * - #name -> --name-color AND --name-color-{colorSpace} with parsed values\n *\n * @param tokens - The tokens object to process\n * @returns CSSProperties object or undefined if no tokens to process\n */\nexport function processTokens(\n  tokens: Tokens | undefined,\n): CSSProperties | undefined {\n  if (!tokens) {\n    return undefined;\n  }\n\n  const keys = Object.keys(tokens);\n  if (keys.length === 0) {\n    return undefined;\n  }\n\n  let result: Record<string, string> | undefined;\n\n  for (const key of keys) {\n    const value = tokens[key as keyof Tokens];\n\n    // Skip undefined/null values\n    if (!isValidTokenValue(value)) {\n      continue;\n    }\n\n    if (key.startsWith('$')) {\n      // Custom property token: $name -> --name\n      const propName = `--${key.slice(1)}`;\n      // Boolean true for custom properties converts to empty string (valid CSS value)\n      const effectiveValue = value === true ? '' : value;\n      const processedValue = processTokenValue(effectiveValue);\n\n      if (!result) result = {};\n      result[propName] = processedValue;\n    } else if (key.startsWith('#')) {\n      const colorName = key.slice(1);\n      const suffix = getColorSpaceSuffix();\n\n      // Normalize color token value (true → 'transparent', false is already filtered by isValidTokenValue)\n      const effectiveValue = normalizeColorTokenValue(value);\n      // Skip if normalized to null (shouldn't happen since false is filtered by isValidTokenValue)\n      if (effectiveValue === null) continue;\n\n      const originalValue =\n        typeof effectiveValue === 'number'\n          ? String(effectiveValue)\n          : effectiveValue;\n      const lowerValue = originalValue.toLowerCase();\n      const processedValue = processTokenValue(effectiveValue);\n\n      if (!result) result = {};\n      result[`--${colorName}-color`] = processedValue;\n\n      // Skip component generation for #current values (currentcolor is dynamic, cannot decompose)\n      if (/^#current(?:\\.|$)/i.test(lowerValue)) {\n        continue;\n      }\n\n      result[`--${colorName}-color-${suffix}`] = extractColorSpaceValue(\n        originalValue,\n        processedValue,\n      );\n    }\n  }\n\n  return result as CSSProperties | undefined;\n}\n\n/**\n * Stringify tokens for memoization key.\n */\nexport function stringifyTokens(tokens: Tokens | undefined): string {\n  if (!tokens) return '';\n  return JSON.stringify(tokens);\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAS,uBACP,YACA,cACQ;CACR,MAAM,SAAS,qBAAqB;CAGpC,MAAM,WAAW,aAAa,MAAM,8BAA8B;AAClE,KAAI,SACF,QAAO,SAAS,SAAS,GAAG,SAAS,OAAO;CAI9C,MAAM,aAAa,wBAAwB,WAAW;AACtD,KAAI,eAAe,WAAY,QAAO;CAEtC,MAAM,uBAAuB,wBAAwB,aAAa;AAClE,KAAI,yBAAyB,aAAc,QAAO;AAGlD,QAAO;;;;;;AAOT,SAAS,kBACP,OACwD;AACxD,KAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,MACrD,QAAO;AAGT,KAAI,OAAO,UAAU,UAAU;AAE3B,UAAQ,KACN,iIAED;AAEH,SAAO;;AAGT,QACE,OAAO,UAAU,YACjB,OAAO,UAAU,YACjB,OAAO,UAAU;;;;;;AAQrB,SAAS,kBAAkB,OAAgC;AACzD,KAAI,OAAO,UAAU,UAAU;AAE7B,MAAI,UAAU,EACZ,QAAO;AAET,SAAO,WAAW,OAAO,MAAM,CAAC,CAAC;;AAEnC,QAAO,WAAW,MAAM,CAAC;;;;;;;;;;AAW3B,SAAgB,cACd,QAC2B;AAC3B,KAAI,CAAC,OACH;CAGF,MAAM,OAAO,OAAO,KAAK,OAAO;AAChC,KAAI,KAAK,WAAW,EAClB;CAGF,IAAI;AAEJ,MAAK,MAAM,OAAO,MAAM;EACtB,MAAM,QAAQ,OAAO;AAGrB,MAAI,CAAC,kBAAkB,MAAM,CAC3B;AAGF,MAAI,IAAI,WAAW,IAAI,EAAE;GAEvB,MAAM,WAAW,KAAK,IAAI,MAAM,EAAE;GAGlC,MAAM,iBAAiB,kBADA,UAAU,OAAO,KAAK,MACW;AAExD,OAAI,CAAC,OAAQ,UAAS,EAAE;AACxB,UAAO,YAAY;aACV,IAAI,WAAW,IAAI,EAAE;GAC9B,MAAM,YAAY,IAAI,MAAM,EAAE;GAC9B,MAAM,SAAS,qBAAqB;GAGpC,MAAM,iBAAiB,yBAAyB,MAAM;AAEtD,OAAI,mBAAmB,KAAM;GAE7B,MAAM,gBACJ,OAAO,mBAAmB,WACtB,OAAO,eAAe,GACtB;GACN,MAAM,aAAa,cAAc,aAAa;GAC9C,MAAM,iBAAiB,kBAAkB,eAAe;AAExD,OAAI,CAAC,OAAQ,UAAS,EAAE;AACxB,UAAO,KAAK,UAAU,WAAW;AAGjC,OAAI,qBAAqB,KAAK,WAAW,CACvC;AAGF,UAAO,KAAK,UAAU,SAAS,YAAY,uBACzC,eACA,eACD;;;AAIL,QAAO;;;;;AAMT,SAAgB,gBAAgB,QAAoC;AAClE,KAAI,CAAC,OAAQ,QAAO;AACpB,QAAO,KAAK,UAAU,OAAO"}

package/dist/utils/styles.d.ts

@@ -1,5 +1,6 @@
 import { ProcessedStyle, StyleDetails } from "../parser/types.js";
 import { StyleParser } from "../parser/parser.js";
+import { getNamedColorHex, getRgbValuesFromRgbaString, hexToRgb, strToRgb } from "./color-math.js";
 
 //#region src/utils/styles.d.ts
 type StyleValue<T = string> = T | boolean | number | null | undefined;
@@ -93,22 +94,8 @@ declare function parseStyle(value: StyleValue): ProcessedStyle;
  * Optimized to avoid heavy parseStyle calls for simple color patterns.
  */
 declare function parseColor(val: string, ignoreError?: boolean): ParsedColor;
-declare function strToRgb(color: string, _ignoreAlpha?: boolean): string | null | undefined;
-/**
- * Extract RGB values from an rgb()/rgba() string.
- * Supports all modern CSS syntax variations:
- * - Comma-separated: rgb(255, 128, 0)
- * - Space-separated: rgb(255 128 0)
- * - Fractional: rgb(128.5, 64.3, 32.1)
- * - Percentages: rgb(50%, 25%, 75%)
- * - Slash alpha notation: rgb(255 128 0 / 0.5)
- *
- * Returns array of RGB values (0-255 range), converting percentages as needed.
- */
-declare function getRgbValuesFromRgbaString(str: string): number[];
-declare function hexToRgb(hex: string): string | null;
 declare function filterMods(mods: string[], allowedMods: string[]): string[];
 declare function stringifyStyles(styles: unknown): string;
 //#endregion
-export { CSSMap, CUSTOM_UNITS, DIRECTIONS, ParsedColor, RawStyleHandler, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleMap, StylePropValue, StyleValue, StyleValueStateMap, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getRgbValuesFromRgbaString, hexToRgb, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles };
+export { CSSMap, CUSTOM_UNITS, DIRECTIONS, ParsedColor, RawStyleHandler, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleMap, StylePropValue, StyleValue, StyleValueStateMap, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, stringifyStyles };
 //# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.js

@@ -1,7 +1,6 @@
+import { getNamedColorHex, getRgbValuesFromRgbaString, hexToRgb, strToRgb } from "./color-math.js";
 import { StyleParser } from "../parser/parser.js";
 import { okhslFunc } from "../plugins/okhsl-plugin.js";
-import { okhslToRgb } from "./okhsl-to-rgb.js";
-import { hslToRgb } from "./hsl-to-rgb.js";
 
 //#region src/utils/styles.ts
 /**
@@ -19,19 +18,23 @@ function normalizeColorTokenValue(value) {
 	return value;
 }
 const COLOR_VAR_PATTERN = /var\(--([a-z0-9-]+)-color/;
-const COLOR_VAR_RGB_PATTERN = /var\(--([a-z0-9-]+)-color-rgb/;
+const COLOR_VAR_COMPONENTS_PATTERN = /var\(--([a-z0-9-]+)-color-(?:rgb|hsl|oklch)/;
 const RGB_ALPHA_PATTERN = /\/\s*([0-9.]+)\)/;
-const SIMPLE_COLOR_PATTERNS = [
-	/^#[0-9a-fA-F]{3,8}$/,
-	/^rgb\(/,
-	/^hsl\(/,
-	/^lch\(/,
-	/^oklch\(/,
-	/^okhsl\(/,
-	/^var\(--[a-z0-9-]+-color/,
-	/^currentColor$/,
-	/^transparent$/
-];
+const RE_HEX_COLOR = /^#[0-9a-fA-F]{3,8}$/;
+const RE_VAR_COLOR = /^var\(--[a-z0-9-]+-color/;
+function isSimpleColorFast(val) {
+	switch (val.charCodeAt(0)) {
+		case 35: return RE_HEX_COLOR.test(val);
+		case 114: return val.charCodeAt(1) === 103 && val.charCodeAt(2) === 98;
+		case 104: return val.charCodeAt(1) === 115 && val.charCodeAt(2) === 108;
+		case 108: return val.charCodeAt(1) === 99 && val.charCodeAt(2) === 104;
+		case 111: return val.startsWith("oklch(") || val.startsWith("okhsl(");
+		case 118: return RE_VAR_COLOR.test(val);
+		case 99: return val === "currentColor" || val === "currentcolor";
+		case 116: return val === "transparent";
+		default: return getNamedColorHex().has(val.toLowerCase());
+	}
+}
 let colorWarningCount = 0;
 const MAX_COLOR_WARNINGS = 10;
 const CUSTOM_UNITS = {
@@ -145,23 +148,23 @@ function parseColor(val, ignoreError = false) {
 	if (typeof val !== "string") val = String(val ?? "");
 	val = val.trim();
 	if (!val) return {};
-	const isSimpleColor = SIMPLE_COLOR_PATTERNS.some((pattern) => pattern.test(val));
+	const isSimpleColor = isSimpleColorFast(val);
 	let firstColor;
 	if (isSimpleColor) firstColor = val;
 	else {
 		const extractedColor = parseStyle(val).groups.find((g) => g.colors.length)?.colors[0];
 		if (!extractedColor) {
 			if (!ignoreError && colorWarningCount < MAX_COLOR_WARNINGS) {
-				console.warn("CubeUIKit: unable to parse color:", val);
+				console.warn("Tasty: unable to parse color:", val);
 				colorWarningCount++;
-				if (colorWarningCount === MAX_COLOR_WARNINGS) console.warn("CubeUIKit: color parsing warnings will be suppressed from now on");
+				if (colorWarningCount === MAX_COLOR_WARNINGS) console.warn("Tasty: color parsing warnings will be suppressed from now on");
 			}
 			return {};
 		}
 		firstColor = extractedColor;
 	}
 	let nameMatch = firstColor.match(COLOR_VAR_PATTERN);
-	if (!nameMatch) nameMatch = firstColor.match(COLOR_VAR_RGB_PATTERN);
+	if (!nameMatch) nameMatch = firstColor.match(COLOR_VAR_COMPONENTS_PATTERN);
 	let opacity;
 	if (firstColor.startsWith("rgb") || firstColor.startsWith("hsl") || firstColor.startsWith("lch") || firstColor.startsWith("oklch") || firstColor.startsWith("okhsl")) {
 		const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);
@@ -176,204 +179,6 @@ function parseColor(val, ignoreError = false) {
 		opacity
 	};
 }
-/**
-* CSS named color keywords → hex values.
-* Lazy-initialized on first use to avoid up-front cost.
-*/
-let _namedColorHex = null;
-function getNamedColorHex() {
-	if (_namedColorHex) return _namedColorHex;
-	_namedColorHex = new Map([
-		["aliceblue", "#f0f8ff"],
-		["antiquewhite", "#faebd7"],
-		["aqua", "#00ffff"],
-		["aquamarine", "#7fffd4"],
-		["azure", "#f0ffff"],
-		["beige", "#f5f5dc"],
-		["bisque", "#ffe4c4"],
-		["black", "#000000"],
-		["blanchedalmond", "#ffebcd"],
-		["blue", "#0000ff"],
-		["blueviolet", "#8a2be2"],
-		["brown", "#a52a2a"],
-		["burlywood", "#deb887"],
-		["cadetblue", "#5f9ea0"],
-		["chartreuse", "#7fff00"],
-		["chocolate", "#d2691e"],
-		["coral", "#ff7f50"],
-		["cornflowerblue", "#6495ed"],
-		["cornsilk", "#fff8dc"],
-		["crimson", "#dc143c"],
-		["cyan", "#00ffff"],
-		["darkblue", "#00008b"],
-		["darkcyan", "#008b8b"],
-		["darkgoldenrod", "#b8860b"],
-		["darkgray", "#a9a9a9"],
-		["darkgreen", "#006400"],
-		["darkgrey", "#a9a9a9"],
-		["darkkhaki", "#bdb76b"],
-		["darkmagenta", "#8b008b"],
-		["darkolivegreen", "#556b2f"],
-		["darkorange", "#ff8c00"],
-		["darkorchid", "#9932cc"],
-		["darkred", "#8b0000"],
-		["darksalmon", "#e9967a"],
-		["darkseagreen", "#8fbc8f"],
-		["darkslateblue", "#483d8b"],
-		["darkslategray", "#2f4f4f"],
-		["darkslategrey", "#2f4f4f"],
-		["darkturquoise", "#00ced1"],
-		["darkviolet", "#9400d3"],
-		["deeppink", "#ff1493"],
-		["deepskyblue", "#00bfff"],
-		["dimgray", "#696969"],
-		["dimgrey", "#696969"],
-		["dodgerblue", "#1e90ff"],
-		["firebrick", "#b22222"],
-		["floralwhite", "#fffaf0"],
-		["forestgreen", "#228b22"],
-		["fuchsia", "#ff00ff"],
-		["gainsboro", "#dcdcdc"],
-		["ghostwhite", "#f8f8ff"],
-		["gold", "#ffd700"],
-		["goldenrod", "#daa520"],
-		["gray", "#808080"],
-		["green", "#008000"],
-		["greenyellow", "#adff2f"],
-		["grey", "#808080"],
-		["honeydew", "#f0fff0"],
-		["hotpink", "#ff69b4"],
-		["indianred", "#cd5c5c"],
-		["indigo", "#4b0082"],
-		["ivory", "#fffff0"],
-		["khaki", "#f0e68c"],
-		["lavender", "#e6e6fa"],
-		["lavenderblush", "#fff0f5"],
-		["lawngreen", "#7cfc00"],
-		["lemonchiffon", "#fffacd"],
-		["lightblue", "#add8e6"],
-		["lightcoral", "#f08080"],
-		["lightcyan", "#e0ffff"],
-		["lightgoldenrodyellow", "#fafad2"],
-		["lightgray", "#d3d3d3"],
-		["lightgreen", "#90ee90"],
-		["lightgrey", "#d3d3d3"],
-		["lightpink", "#ffb6c1"],
-		["lightsalmon", "#ffa07a"],
-		["lightseagreen", "#20b2aa"],
-		["lightskyblue", "#87cefa"],
-		["lightslategray", "#778899"],
-		["lightslategrey", "#778899"],
-		["lightsteelblue", "#b0c4de"],
-		["lightyellow", "#ffffe0"],
-		["lime", "#00ff00"],
-		["limegreen", "#32cd32"],
-		["linen", "#faf0e6"],
-		["magenta", "#ff00ff"],
-		["maroon", "#800000"],
-		["mediumaquamarine", "#66cdaa"],
-		["mediumblue", "#0000cd"],
-		["mediumorchid", "#ba55d3"],
-		["mediumpurple", "#9370db"],
-		["mediumseagreen", "#3cb371"],
-		["mediumslateblue", "#7b68ee"],
-		["mediumspringgreen", "#00fa9a"],
-		["mediumturquoise", "#48d1cc"],
-		["mediumvioletred", "#c71585"],
-		["midnightblue", "#191970"],
-		["mintcream", "#f5fffa"],
-		["mistyrose", "#ffe4e1"],
-		["moccasin", "#ffe4b5"],
-		["navajowhite", "#ffdead"],
-		["navy", "#000080"],
-		["oldlace", "#fdf5e6"],
-		["olive", "#808000"],
-		["olivedrab", "#6b8e23"],
-		["orange", "#ffa500"],
-		["orangered", "#ff4500"],
-		["orchid", "#da70d6"],
-		["palegoldenrod", "#eee8aa"],
-		["palegreen", "#98fb98"],
-		["paleturquoise", "#afeeee"],
-		["palevioletred", "#db7093"],
-		["papayawhip", "#ffefd5"],
-		["peachpuff", "#ffdab9"],
-		["peru", "#cd853f"],
-		["pink", "#ffc0cb"],
-		["plum", "#dda0dd"],
-		["powderblue", "#b0e0e6"],
-		["purple", "#800080"],
-		["rebeccapurple", "#663399"],
-		["red", "#ff0000"],
-		["rosybrown", "#bc8f8f"],
-		["royalblue", "#4169e1"],
-		["saddlebrown", "#8b4513"],
-		["salmon", "#fa8072"],
-		["sandybrown", "#f4a460"],
-		["seagreen", "#2e8b57"],
-		["seashell", "#fff5ee"],
-		["sienna", "#a0522d"],
-		["silver", "#c0c0c0"],
-		["skyblue", "#87ceeb"],
-		["slateblue", "#6a5acd"],
-		["slategray", "#708090"],
-		["slategrey", "#708090"],
-		["snow", "#fffafa"],
-		["springgreen", "#00ff7f"],
-		["steelblue", "#4682b4"],
-		["tan", "#d2b48c"],
-		["teal", "#008080"],
-		["thistle", "#d8bfd8"],
-		["tomato", "#ff6347"],
-		["turquoise", "#40e0d0"],
-		["violet", "#ee82ee"],
-		["wheat", "#f5deb3"],
-		["white", "#ffffff"],
-		["whitesmoke", "#f5f5f5"],
-		["yellow", "#ffff00"],
-		["yellowgreen", "#9acd32"]
-	]);
-	return _namedColorHex;
-}
-function strToRgb(color, _ignoreAlpha = false) {
-	if (!color) return void 0;
-	if (color.startsWith("rgb")) return color;
-	if (color.startsWith("#")) return hexToRgb(color);
-	if (color.startsWith("okhsl(")) return okhslToRgb(color);
-	if (color.startsWith("hsl")) return hslToRgb(color);
-	const namedHex = getNamedColorHex().get(color.toLowerCase());
-	if (namedHex) return hexToRgb(namedHex);
-	return null;
-}
-/**
-* Extract RGB values from an rgb()/rgba() string.
-* Supports all modern CSS syntax variations:
-* - Comma-separated: rgb(255, 128, 0)
-* - Space-separated: rgb(255 128 0)
-* - Fractional: rgb(128.5, 64.3, 32.1)
-* - Percentages: rgb(50%, 25%, 75%)
-* - Slash alpha notation: rgb(255 128 0 / 0.5)
-*
-* Returns array of RGB values (0-255 range), converting percentages as needed.
-*/
-function getRgbValuesFromRgbaString(str) {
-	const match = str.match(/rgba?\(([^)]+)\)/i);
-	if (!match) return [];
-	const [colorPart] = match[1].trim().split("/");
-	return colorPart.trim().split(/[,\s]+/).filter(Boolean).slice(0, 3).map((part) => {
-		part = part.trim();
-		if (part.endsWith("%")) return parseFloat(part) / 100 * 255;
-		return parseFloat(part);
-	});
-}
-function hexToRgb(hex) {
-	const matched = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_m, r, g, b) => "#" + r + r + g + g + b + b).substring(1).match(/.{2}/g);
-	if (!matched) return null;
-	const rgba = matched.map((x, i) => parseInt(x, 16) * (i === 3 ? 1 / 255 : 1));
-	if (rgba.some((v) => Number.isNaN(v))) return null;
-	if (rgba.length >= 3) return `rgb(${rgba.slice(0, 3).join(" ")}${rgba.length > 3 ? ` / ${rgba[3]}` : ""})`;
-	return null;
-}
 function filterMods(mods, allowedMods) {
 	return mods.filter((mod) => allowedMods.includes(mod));
 }
@@ -414,5 +219,5 @@ function stringifyStyles(styles) {
 }
 
 //#endregion
-export { CUSTOM_UNITS, DIRECTIONS, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getRgbValuesFromRgbaString, hexToRgb, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles };
+export { CUSTOM_UNITS, DIRECTIONS, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, stringifyStyles };
 //# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import { StyleParser } from '../parser/parser';\nimport { okhslFunc } from '../plugins/okhsl-plugin';\n\nimport { hslToRgb } from './hsl-to-rgb';\nimport { okhslToRgb } from './okhsl-to-rgb';\n\nimport type { ProcessedStyle, StyleDetails } from '../parser/types';\n\nexport type StyleValue<T = string> = T | boolean | number | null | undefined;\n\n/**\n * Normalize a color token value.\n * - Boolean `true` is converted to `'transparent'`\n * - Boolean `false` returns `null` (signals the token should be skipped)\n * - Other values are returned as-is\n *\n * @param value - The raw token value\n * @returns Normalized value or null if the token should be skipped\n */\nexport function normalizeColorTokenValue<T>(\n  value: T | boolean,\n): T | 'transparent' | null {\n  if (value === true) {\n    return 'transparent';\n  }\n  if (value === false) {\n    return null;\n  }\n  return value as T;\n}\n\nexport type StyleValueStateMap<T = string> = Record<\n  string,\n  StyleValue<T> | '@inherit'\n>;\n\n/**\n * Combined type for style values that can be either a direct value or a state map.\n * Use this for component props that accept style values.\n */\nexport type StylePropValue<T = string> = StyleValue<T> | StyleValueStateMap<T>;\n\nexport type CSSMap = { $?: string | string[] } & Record<\n  string,\n  string | string[]\n>;\n\nexport type StyleHandlerResult = CSSMap | CSSMap[] | void;\n\nexport type RawStyleHandler = (value: StyleValueStateMap) => StyleHandlerResult;\n\nexport type StyleHandler = RawStyleHandler & {\n  __lookupStyles: string[];\n};\n\n/**\n * Handler definition forms for configure() and plugins.\n * - Function only: lookup styles inferred from key name\n * - Single property tuple: ['styleName', handler]\n * - Multi-property tuple: [['style1', 'style2'], handler]\n */\nexport type StyleHandlerDefinition =\n  | RawStyleHandler\n  | [string, RawStyleHandler]\n  | [string[], RawStyleHandler];\n\nexport interface ParsedColor {\n  color?: string;\n  name?: string;\n  opacity?: number;\n}\n\nexport type StyleMap = Record<string, StyleValue | StyleValueStateMap>;\n\nconst devMode = process.env.NODE_ENV !== 'production';\n\n// Precompiled regex patterns for parseColor optimization\n// Match var(--name-color...) and extract the name, regardless of fallbacks\nconst COLOR_VAR_PATTERN = /var\\(--([a-z0-9-]+)-color/;\nconst COLOR_VAR_RGB_PATTERN = /var\\(--([a-z0-9-]+)-color-rgb/;\nconst RGB_ALPHA_PATTERN = /\\/\\s*([0-9.]+)\\)/;\nconst SIMPLE_COLOR_PATTERNS = [\n  /^#[0-9a-fA-F]{3,8}$/, // Hex colors: #fff, #ffffff, #ffff, #ffffffff\n  /^rgb\\(/, // RGB/RGBA functions\n  /^hsl\\(/, // HSL/HSLA functions\n  /^lch\\(/, // LCH color functions\n  /^oklch\\(/, // OKLCH color functions\n  /^okhsl\\(/, // OKHSL color functions\n  /^var\\(--[a-z0-9-]+-color/, // CSS custom properties for colors\n  /^currentColor$/, // CSS currentColor keyword\n  /^transparent$/, // CSS transparent keyword\n];\n\n// Rate limiting for dev warnings to avoid spam\nlet colorWarningCount = 0;\nconst MAX_COLOR_WARNINGS = 10;\n\nexport const CUSTOM_UNITS = {\n  r: '6px',\n  cr: '10px',\n  bw: '1px',\n  ow: '3px',\n  x: '8px',\n  fs: 'var(--font-size)',\n  lh: 'var(--line-height)',\n  sf: function sf(num: number) {\n    return `minmax(0, ${num}fr)`;\n  },\n};\n\nexport const DIRECTIONS = ['top', 'right', 'bottom', 'left'];\n\n// Lazy-initialized to break the circular dependency:\n// parser.ts → classify.ts → utils/styles.ts → parser.ts\nlet __tastyParser: StyleParser | null = null;\n\nfunction getOrCreateParser(): StyleParser {\n  if (!__tastyParser) {\n    __tastyParser = new StyleParser({ units: CUSTOM_UNITS });\n    __tastyParser.setFuncs(__tastyFuncs);\n  }\n  return __tastyParser;\n}\n\n// Registry for user-provided custom functions that the parser can call.\n// It is updated through the `customFunc` helper exported below.\n// okhsl is registered as a built-in function so it works regardless of\n// tree-shaking or module initialization order.\nconst __tastyFuncs: Record<string, (groups: StyleDetails[]) => string> = {\n  okhsl: okhslFunc,\n};\n\nexport function customFunc(\n  name: string,\n  fn: (groups: StyleDetails[]) => string,\n) {\n  __tastyFuncs[name] = fn;\n  getOrCreateParser().setFuncs(__tastyFuncs);\n}\n\n/**\n * Get the global StyleParser instance.\n * Used by configure() to apply parser configuration.\n */\nexport function getGlobalParser(): StyleParser {\n  return getOrCreateParser();\n}\n\n/**\n * Get the current custom functions registry.\n * Used by configure() to merge with new functions.\n */\nexport function getGlobalFuncs(): Record<\n  string,\n  (groups: StyleDetails[]) => string\n> {\n  return __tastyFuncs;\n}\n\n// ============================================================================\n// Global Predefined Tokens\n// ============================================================================\n\n/**\n * Storage for predefined tokens that are replaced during style parsing.\n * Keys are token names (with $ or # prefix), values are pre-processed CSS values.\n */\nlet __globalPredefinedTokens: Record<string, string> | null = null;\n\n/**\n * Set global predefined tokens.\n * Called from configure() after processing token values.\n * Merges with existing tokens (new tokens override existing ones with same key).\n * Keys are normalized to lowercase (parser lowercases input before classification).\n * @internal\n */\nexport function setGlobalPredefinedTokens(\n  tokens: Record<string, string>,\n): void {\n  // Normalize keys to lowercase for case-insensitive matching\n  const normalizedTokens: Record<string, string> = {};\n  for (const [key, value] of Object.entries(tokens)) {\n    const lowerKey = key.toLowerCase();\n    const lowerValue = value.toLowerCase();\n\n    // Warn if trying to use bare #current to define other color tokens\n    // #current represents currentcolor which cannot be used as a base for recursive token resolution\n    // Note: #current.5 (with opacity) is allowed since it resolves to a concrete color-mix value\n    if (lowerKey.startsWith('#') && lowerValue === '#current') {\n      console.warn(\n        `Tasty: Using #current to define color token \"${key}\" is not supported. ` +\n          `The #current token represents currentcolor which cannot be used as a base for other tokens.`,\n      );\n      continue; // Skip this token\n    }\n\n    normalizedTokens[lowerKey] = value;\n  }\n  // Merge with existing tokens (consistent with how states, units, funcs are handled)\n  __globalPredefinedTokens = __globalPredefinedTokens\n    ? { ...__globalPredefinedTokens, ...normalizedTokens }\n    : normalizedTokens;\n  // Clear parser cache since token values affect parsing\n  getOrCreateParser().clearCache();\n}\n\n/**\n * Get the current global predefined tokens.\n * Returns null if no tokens are configured.\n */\nexport function getGlobalPredefinedTokens(): Record<string, string> | null {\n  return __globalPredefinedTokens;\n}\n\n/**\n * Reset global predefined tokens.\n * Used for testing.\n * @internal\n */\nexport function resetGlobalPredefinedTokens(): void {\n  __globalPredefinedTokens = null;\n  // Clear parser cache since token availability affects parsing\n  getOrCreateParser().clearCache();\n}\n\n/**\n *\n * @param {String} value\n * @param {Number} mode\n * @returns {Object<String,String|Array>}\n */\nexport function parseStyle(value: StyleValue): ProcessedStyle {\n  let str: string;\n\n  if (typeof value === 'string') {\n    str = value;\n  } else if (typeof value === 'number') {\n    str = String(value);\n  } else {\n    // boolean, null, undefined, objects etc. → empty string\n    str = '';\n  }\n\n  return getOrCreateParser().process(str);\n}\n\n/**\n * Parse color. Find it value, name and opacity.\n * Optimized to avoid heavy parseStyle calls for simple color patterns.\n */\nexport function parseColor(val: string, ignoreError = false): ParsedColor {\n  // Early return for non-strings or empty values\n  if (typeof val !== 'string') {\n    val = String(val ?? '');\n  }\n\n  val = val.trim();\n  if (!val) return {};\n\n  // Fast path: Check if it's a simple color pattern that doesn't need full parsing\n  const isSimpleColor = SIMPLE_COLOR_PATTERNS.some((pattern) =>\n    pattern.test(val),\n  );\n\n  let firstColor: string;\n  if (isSimpleColor) {\n    // For simple colors, use the value directly without parsing\n    firstColor = val;\n  } else {\n    const processed = parseStyle(val);\n    const extractedColor = processed.groups.find((g) => g.colors.length)\n      ?.colors[0];\n\n    if (!extractedColor) {\n      // Rate-limited warning to avoid spam\n      if (!ignoreError && devMode && colorWarningCount < MAX_COLOR_WARNINGS) {\n        console.warn('CubeUIKit: unable to parse color:', val);\n        colorWarningCount++;\n        if (colorWarningCount === MAX_COLOR_WARNINGS) {\n          console.warn(\n            'CubeUIKit: color parsing warnings will be suppressed from now on',\n          );\n        }\n      }\n      return {};\n    }\n\n    firstColor = extractedColor;\n  }\n\n  // Extract color name (if present) from variable pattern using precompiled regex\n  let nameMatch = firstColor.match(COLOR_VAR_PATTERN);\n  if (!nameMatch) {\n    nameMatch = firstColor.match(COLOR_VAR_RGB_PATTERN);\n  }\n\n  let opacity: number | undefined;\n  if (\n    firstColor.startsWith('rgb') ||\n    firstColor.startsWith('hsl') ||\n    firstColor.startsWith('lch') ||\n    firstColor.startsWith('oklch') ||\n    firstColor.startsWith('okhsl')\n  ) {\n    const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);\n    if (alphaMatch) {\n      const v = parseFloat(alphaMatch[1]);\n      if (!isNaN(v)) opacity = v * 100;\n    }\n  }\n\n  return {\n    color: firstColor,\n    name: nameMatch ? nameMatch[1] : undefined,\n    opacity,\n  };\n}\n\n/**\n * CSS named color keywords → hex values.\n * Lazy-initialized on first use to avoid up-front cost.\n */\nlet _namedColorHex: Map<string, string> | null = null;\n\nfunction getNamedColorHex(): Map<string, string> {\n  if (_namedColorHex) return _namedColorHex;\n  _namedColorHex = new Map([\n    ['aliceblue', '#f0f8ff'],\n    ['antiquewhite', '#faebd7'],\n    ['aqua', '#00ffff'],\n    ['aquamarine', '#7fffd4'],\n    ['azure', '#f0ffff'],\n    ['beige', '#f5f5dc'],\n    ['bisque', '#ffe4c4'],\n    ['black', '#000000'],\n    ['blanchedalmond', '#ffebcd'],\n    ['blue', '#0000ff'],\n    ['blueviolet', '#8a2be2'],\n    ['brown', '#a52a2a'],\n    ['burlywood', '#deb887'],\n    ['cadetblue', '#5f9ea0'],\n    ['chartreuse', '#7fff00'],\n    ['chocolate', '#d2691e'],\n    ['coral', '#ff7f50'],\n    ['cornflowerblue', '#6495ed'],\n    ['cornsilk', '#fff8dc'],\n    ['crimson', '#dc143c'],\n    ['cyan', '#00ffff'],\n    ['darkblue', '#00008b'],\n    ['darkcyan', '#008b8b'],\n    ['darkgoldenrod', '#b8860b'],\n    ['darkgray', '#a9a9a9'],\n    ['darkgreen', '#006400'],\n    ['darkgrey', '#a9a9a9'],\n    ['darkkhaki', '#bdb76b'],\n    ['darkmagenta', '#8b008b'],\n    ['darkolivegreen', '#556b2f'],\n    ['darkorange', '#ff8c00'],\n    ['darkorchid', '#9932cc'],\n    ['darkred', '#8b0000'],\n    ['darksalmon', '#e9967a'],\n    ['darkseagreen', '#8fbc8f'],\n    ['darkslateblue', '#483d8b'],\n    ['darkslategray', '#2f4f4f'],\n    ['darkslategrey', '#2f4f4f'],\n    ['darkturquoise', '#00ced1'],\n    ['darkviolet', '#9400d3'],\n    ['deeppink', '#ff1493'],\n    ['deepskyblue', '#00bfff'],\n    ['dimgray', '#696969'],\n    ['dimgrey', '#696969'],\n    ['dodgerblue', '#1e90ff'],\n    ['firebrick', '#b22222'],\n    ['floralwhite', '#fffaf0'],\n    ['forestgreen', '#228b22'],\n    ['fuchsia', '#ff00ff'],\n    ['gainsboro', '#dcdcdc'],\n    ['ghostwhite', '#f8f8ff'],\n    ['gold', '#ffd700'],\n    ['goldenrod', '#daa520'],\n    ['gray', '#808080'],\n    ['green', '#008000'],\n    ['greenyellow', '#adff2f'],\n    ['grey', '#808080'],\n    ['honeydew', '#f0fff0'],\n    ['hotpink', '#ff69b4'],\n    ['indianred', '#cd5c5c'],\n    ['indigo', '#4b0082'],\n    ['ivory', '#fffff0'],\n    ['khaki', '#f0e68c'],\n    ['lavender', '#e6e6fa'],\n    ['lavenderblush', '#fff0f5'],\n    ['lawngreen', '#7cfc00'],\n    ['lemonchiffon', '#fffacd'],\n    ['lightblue', '#add8e6'],\n    ['lightcoral', '#f08080'],\n    ['lightcyan', '#e0ffff'],\n    ['lightgoldenrodyellow', '#fafad2'],\n    ['lightgray', '#d3d3d3'],\n    ['lightgreen', '#90ee90'],\n    ['lightgrey', '#d3d3d3'],\n    ['lightpink', '#ffb6c1'],\n    ['lightsalmon', '#ffa07a'],\n    ['lightseagreen', '#20b2aa'],\n    ['lightskyblue', '#87cefa'],\n    ['lightslategray', '#778899'],\n    ['lightslategrey', '#778899'],\n    ['lightsteelblue', '#b0c4de'],\n    ['lightyellow', '#ffffe0'],\n    ['lime', '#00ff00'],\n    ['limegreen', '#32cd32'],\n    ['linen', '#faf0e6'],\n    ['magenta', '#ff00ff'],\n    ['maroon', '#800000'],\n    ['mediumaquamarine', '#66cdaa'],\n    ['mediumblue', '#0000cd'],\n    ['mediumorchid', '#ba55d3'],\n    ['mediumpurple', '#9370db'],\n    ['mediumseagreen', '#3cb371'],\n    ['mediumslateblue', '#7b68ee'],\n    ['mediumspringgreen', '#00fa9a'],\n    ['mediumturquoise', '#48d1cc'],\n    ['mediumvioletred', '#c71585'],\n    ['midnightblue', '#191970'],\n    ['mintcream', '#f5fffa'],\n    ['mistyrose', '#ffe4e1'],\n    ['moccasin', '#ffe4b5'],\n    ['navajowhite', '#ffdead'],\n    ['navy', '#000080'],\n    ['oldlace', '#fdf5e6'],\n    ['olive', '#808000'],\n    ['olivedrab', '#6b8e23'],\n    ['orange', '#ffa500'],\n    ['orangered', '#ff4500'],\n    ['orchid', '#da70d6'],\n    ['palegoldenrod', '#eee8aa'],\n    ['palegreen', '#98fb98'],\n    ['paleturquoise', '#afeeee'],\n    ['palevioletred', '#db7093'],\n    ['papayawhip', '#ffefd5'],\n    ['peachpuff', '#ffdab9'],\n    ['peru', '#cd853f'],\n    ['pink', '#ffc0cb'],\n    ['plum', '#dda0dd'],\n    ['powderblue', '#b0e0e6'],\n    ['purple', '#800080'],\n    ['rebeccapurple', '#663399'],\n    ['red', '#ff0000'],\n    ['rosybrown', '#bc8f8f'],\n    ['royalblue', '#4169e1'],\n    ['saddlebrown', '#8b4513'],\n    ['salmon', '#fa8072'],\n    ['sandybrown', '#f4a460'],\n    ['seagreen', '#2e8b57'],\n    ['seashell', '#fff5ee'],\n    ['sienna', '#a0522d'],\n    ['silver', '#c0c0c0'],\n    ['skyblue', '#87ceeb'],\n    ['slateblue', '#6a5acd'],\n    ['slategray', '#708090'],\n    ['slategrey', '#708090'],\n    ['snow', '#fffafa'],\n    ['springgreen', '#00ff7f'],\n    ['steelblue', '#4682b4'],\n    ['tan', '#d2b48c'],\n    ['teal', '#008080'],\n    ['thistle', '#d8bfd8'],\n    ['tomato', '#ff6347'],\n    ['turquoise', '#40e0d0'],\n    ['violet', '#ee82ee'],\n    ['wheat', '#f5deb3'],\n    ['white', '#ffffff'],\n    ['whitesmoke', '#f5f5f5'],\n    ['yellow', '#ffff00'],\n    ['yellowgreen', '#9acd32'],\n  ]);\n  return _namedColorHex;\n}\n\nexport function strToRgb(\n  color: string,\n  _ignoreAlpha = false,\n): string | null | undefined {\n  if (!color) return undefined;\n\n  if (color.startsWith('rgb')) return color;\n\n  if (color.startsWith('#')) return hexToRgb(color);\n\n  if (color.startsWith('okhsl(')) return okhslToRgb(color);\n\n  if (color.startsWith('hsl')) return hslToRgb(color);\n\n  // Named CSS colors\n  const namedHex = getNamedColorHex().get(color.toLowerCase());\n  if (namedHex) return hexToRgb(namedHex);\n\n  return null;\n}\n\n/**\n * Extract RGB values from an rgb()/rgba() string.\n * Supports all modern CSS syntax variations:\n * - Comma-separated: rgb(255, 128, 0)\n * - Space-separated: rgb(255 128 0)\n * - Fractional: rgb(128.5, 64.3, 32.1)\n * - Percentages: rgb(50%, 25%, 75%)\n * - Slash alpha notation: rgb(255 128 0 / 0.5)\n *\n * Returns array of RGB values (0-255 range), converting percentages as needed.\n */\nexport function getRgbValuesFromRgbaString(str: string): number[] {\n  // Extract content inside rgb()/rgba()\n  const match = str.match(/rgba?\\(([^)]+)\\)/i);\n  if (!match) return [];\n\n  const inner = match[1].trim();\n  // Split by slash first (for alpha), then handle color components\n  const [colorPart] = inner.split('/');\n  // Split by comma or whitespace\n  const parts = colorPart\n    .trim()\n    .split(/[,\\s]+/)\n    .filter(Boolean);\n\n  return parts.slice(0, 3).map((part) => {\n    part = part.trim();\n    if (part.endsWith('%')) {\n      // Convert percentage to 0-255 range\n      return (parseFloat(part) / 100) * 255;\n    }\n    return parseFloat(part);\n  });\n}\n\nexport function hexToRgb(hex: string): string | null {\n  const matched = hex\n    .replace(\n      /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i,\n      (_m: string, r: string, g: string, b: string) =>\n        '#' + r + r + g + g + b + b,\n    )\n    .substring(1)\n    .match(/.{2}/g);\n\n  if (!matched) return null;\n\n  const rgba = matched.map(\n    (x: string, i: number) => parseInt(x, 16) * (i === 3 ? 1 / 255 : 1),\n  );\n\n  if (rgba.some((v) => Number.isNaN(v))) {\n    return null;\n  }\n\n  if (rgba.length >= 3) {\n    return `rgb(${rgba.slice(0, 3).join(' ')}${rgba.length > 3 ? ` / ${rgba[3]}` : ''})`;\n  }\n\n  return null;\n}\n\nexport function filterMods(mods: string[], allowedMods: string[]): string[] {\n  return mods.filter((mod) => allowedMods.includes(mod));\n}\n\n// ============================================================================\n// Style Stringification\n// ============================================================================\n\nconst _innerCache = new WeakMap();\nconst _topLevelCache = new WeakMap<object, string>();\n\nexport function stringifyStyles(styles: unknown): string {\n  if (styles == null || typeof styles !== 'object') return '';\n\n  const cached = _topLevelCache.get(styles as object);\n  if (cached !== undefined) return cached;\n\n  const obj = styles as Record<string, unknown>;\n  const keys = Object.keys(obj).sort();\n  const parts: string[] = [];\n  for (const k of keys) {\n    const v = obj[k];\n    if (v === undefined || typeof v === 'function' || typeof v === 'symbol')\n      continue;\n\n    const c0 = k.charCodeAt(0);\n    const needsInnerSort =\n      ((c0 >= 65 && c0 <= 90) || c0 === 38) &&\n      v &&\n      typeof v === 'object' &&\n      !Array.isArray(v);\n\n    let sv: string;\n    if (needsInnerSort) {\n      sv = _innerCache.get(v);\n      if (sv === undefined) {\n        const innerObj = v as Record<string, unknown>;\n        const innerKeys = Object.keys(innerObj).sort();\n        const innerParts: string[] = [];\n        for (const ik of innerKeys) {\n          const ivs = JSON.stringify(innerObj[ik]);\n          if (ivs !== undefined)\n            innerParts.push(JSON.stringify(ik) + ':' + ivs);\n        }\n        sv = '{' + innerParts.join(',') + '}';\n        _innerCache.set(v, sv);\n      }\n    } else {\n      sv = JSON.stringify(v);\n    }\n    parts.push(JSON.stringify(k) + ':' + sv);\n  }\n  const result = '{' + parts.join(',') + '}';\n  _topLevelCache.set(styles as object, result);\n  return result;\n}\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":[],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import { StyleParser } from '../parser/parser';\nimport { okhslFunc } from '../plugins/okhsl-plugin';\n\nimport type { ProcessedStyle, StyleDetails } from '../parser/types';\n\nimport { getNamedColorHex } from './color-math';\n\nexport {\n  getNamedColorHex,\n  getRgbValuesFromRgbaString,\n  hexToRgb,\n  strToRgb,\n} from './color-math';\n\nexport type StyleValue<T = string> = T | boolean | number | null | undefined;\n\n/**\n * Normalize a color token value.\n * - Boolean `true` is converted to `'transparent'`\n * - Boolean `false` returns `null` (signals the token should be skipped)\n * - Other values are returned as-is\n *\n * @param value - The raw token value\n * @returns Normalized value or null if the token should be skipped\n */\nexport function normalizeColorTokenValue<T>(\n  value: T | boolean,\n): T | 'transparent' | null {\n  if (value === true) {\n    return 'transparent';\n  }\n  if (value === false) {\n    return null;\n  }\n  return value as T;\n}\n\nexport type StyleValueStateMap<T = string> = Record<\n  string,\n  StyleValue<T> | '@inherit'\n>;\n\n/**\n * Combined type for style values that can be either a direct value or a state map.\n * Use this for component props that accept style values.\n */\nexport type StylePropValue<T = string> = StyleValue<T> | StyleValueStateMap<T>;\n\nexport type CSSMap = { $?: string | string[] } & Record<\n  string,\n  string | string[]\n>;\n\nexport type StyleHandlerResult = CSSMap | CSSMap[] | void;\n\nexport type RawStyleHandler = (value: StyleValueStateMap) => StyleHandlerResult;\n\nexport type StyleHandler = RawStyleHandler & {\n  __lookupStyles: string[];\n};\n\n/**\n * Handler definition forms for configure() and plugins.\n * - Function only: lookup styles inferred from key name\n * - Single property tuple: ['styleName', handler]\n * - Multi-property tuple: [['style1', 'style2'], handler]\n */\nexport type StyleHandlerDefinition =\n  | RawStyleHandler\n  | [string, RawStyleHandler]\n  | [string[], RawStyleHandler];\n\nexport interface ParsedColor {\n  color?: string;\n  name?: string;\n  opacity?: number;\n}\n\nexport type StyleMap = Record<string, StyleValue | StyleValueStateMap>;\n\nconst devMode = process.env.NODE_ENV !== 'production';\n\n// Precompiled regex patterns for parseColor optimization\n// Match var(--name-color...) and extract the name, regardless of fallbacks\nconst COLOR_VAR_PATTERN = /var\\(--([a-z0-9-]+)-color/;\nconst COLOR_VAR_COMPONENTS_PATTERN =\n  /var\\(--([a-z0-9-]+)-color-(?:rgb|hsl|oklch)/;\nconst RGB_ALPHA_PATTERN = /\\/\\s*([0-9.]+)\\)/;\nconst RE_HEX_COLOR = /^#[0-9a-fA-F]{3,8}$/;\nconst RE_VAR_COLOR = /^var\\(--[a-z0-9-]+-color/;\n\nfunction isSimpleColorFast(val: string): boolean {\n  const c0 = val.charCodeAt(0);\n\n  switch (c0) {\n    case 35: // '#'\n      return RE_HEX_COLOR.test(val);\n    case 114: // 'r'\n      return val.charCodeAt(1) === 103 && val.charCodeAt(2) === 98; // 'rgb'\n    case 104: // 'h'\n      return val.charCodeAt(1) === 115 && val.charCodeAt(2) === 108; // 'hsl'\n    case 108: // 'l'\n      return val.charCodeAt(1) === 99 && val.charCodeAt(2) === 104; // 'lch'\n    case 111: // 'o'\n      return val.startsWith('oklch(') || val.startsWith('okhsl(');\n    case 118: // 'v'\n      return RE_VAR_COLOR.test(val);\n    case 99: // 'c'\n      return val === 'currentColor' || val === 'currentcolor';\n    case 116: // 't'\n      return val === 'transparent';\n    default:\n      return getNamedColorHex().has(val.toLowerCase());\n  }\n}\n\n// Rate limiting for dev warnings to avoid spam\nlet colorWarningCount = 0;\nconst MAX_COLOR_WARNINGS = 10;\n\nexport const CUSTOM_UNITS = {\n  r: '6px',\n  cr: '10px',\n  bw: '1px',\n  ow: '3px',\n  x: '8px',\n  fs: 'var(--font-size)',\n  lh: 'var(--line-height)',\n  sf: function sf(num: number) {\n    return `minmax(0, ${num}fr)`;\n  },\n};\n\nexport const DIRECTIONS = ['top', 'right', 'bottom', 'left'];\n\n// Lazy-initialized to break the circular dependency:\n// parser.ts → classify.ts → utils/styles.ts → parser.ts\nlet __tastyParser: StyleParser | null = null;\n\nfunction getOrCreateParser(): StyleParser {\n  if (!__tastyParser) {\n    __tastyParser = new StyleParser({ units: CUSTOM_UNITS });\n    __tastyParser.setFuncs(__tastyFuncs);\n  }\n  return __tastyParser;\n}\n\n// Registry for user-provided custom functions that the parser can call.\n// It is updated through the `customFunc` helper exported below.\n// okhsl is registered as a built-in function so it works regardless of\n// tree-shaking or module initialization order.\nconst __tastyFuncs: Record<string, (groups: StyleDetails[]) => string> = {\n  okhsl: okhslFunc,\n};\n\nexport function customFunc(\n  name: string,\n  fn: (groups: StyleDetails[]) => string,\n) {\n  __tastyFuncs[name] = fn;\n  getOrCreateParser().setFuncs(__tastyFuncs);\n}\n\n/**\n * Get the global StyleParser instance.\n * Used by configure() to apply parser configuration.\n */\nexport function getGlobalParser(): StyleParser {\n  return getOrCreateParser();\n}\n\n/**\n * Get the current custom functions registry.\n * Used by configure() to merge with new functions.\n */\nexport function getGlobalFuncs(): Record<\n  string,\n  (groups: StyleDetails[]) => string\n> {\n  return __tastyFuncs;\n}\n\n// ============================================================================\n// Global Predefined Tokens\n// ============================================================================\n\n/**\n * Storage for predefined tokens that are replaced during style parsing.\n * Keys are token names (with $ or # prefix), values are pre-processed CSS values.\n */\nlet __globalPredefinedTokens: Record<string, string> | null = null;\n\n/**\n * Set global predefined tokens.\n * Called from configure() after processing token values.\n * Merges with existing tokens (new tokens override existing ones with same key).\n * Keys are normalized to lowercase (parser lowercases input before classification).\n * @internal\n */\nexport function setGlobalPredefinedTokens(\n  tokens: Record<string, string>,\n): void {\n  // Normalize keys to lowercase for case-insensitive matching\n  const normalizedTokens: Record<string, string> = {};\n  for (const [key, value] of Object.entries(tokens)) {\n    const lowerKey = key.toLowerCase();\n    const lowerValue = value.toLowerCase();\n\n    // Warn if trying to use bare #current to define other color tokens\n    // #current represents currentcolor which cannot be used as a base for recursive token resolution\n    // Note: #current.5 (with opacity) is allowed since it resolves to a concrete color-mix value\n    if (lowerKey.startsWith('#') && lowerValue === '#current') {\n      console.warn(\n        `Tasty: Using #current to define color token \"${key}\" is not supported. ` +\n          `The #current token represents currentcolor which cannot be used as a base for other tokens.`,\n      );\n      continue; // Skip this token\n    }\n\n    normalizedTokens[lowerKey] = value;\n  }\n  // Merge with existing tokens (consistent with how states, units, funcs are handled)\n  __globalPredefinedTokens = __globalPredefinedTokens\n    ? { ...__globalPredefinedTokens, ...normalizedTokens }\n    : normalizedTokens;\n  // Clear parser cache since token values affect parsing\n  getOrCreateParser().clearCache();\n}\n\n/**\n * Get the current global predefined tokens.\n * Returns null if no tokens are configured.\n */\nexport function getGlobalPredefinedTokens(): Record<string, string> | null {\n  return __globalPredefinedTokens;\n}\n\n/**\n * Reset global predefined tokens.\n * Used for testing.\n * @internal\n */\nexport function resetGlobalPredefinedTokens(): void {\n  __globalPredefinedTokens = null;\n  // Clear parser cache since token availability affects parsing\n  getOrCreateParser().clearCache();\n}\n\n/**\n *\n * @param {String} value\n * @param {Number} mode\n * @returns {Object<String,String|Array>}\n */\nexport function parseStyle(value: StyleValue): ProcessedStyle {\n  let str: string;\n\n  if (typeof value === 'string') {\n    str = value;\n  } else if (typeof value === 'number') {\n    str = String(value);\n  } else {\n    // boolean, null, undefined, objects etc. → empty string\n    str = '';\n  }\n\n  return getOrCreateParser().process(str);\n}\n\n/**\n * Parse color. Find it value, name and opacity.\n * Optimized to avoid heavy parseStyle calls for simple color patterns.\n */\nexport function parseColor(val: string, ignoreError = false): ParsedColor {\n  // Early return for non-strings or empty values\n  if (typeof val !== 'string') {\n    val = String(val ?? '');\n  }\n\n  val = val.trim();\n  if (!val) return {};\n\n  // Fast path: Check if it's a simple color pattern that doesn't need full parsing\n  const isSimpleColor = isSimpleColorFast(val);\n\n  let firstColor: string;\n  if (isSimpleColor) {\n    // For simple colors, use the value directly without parsing\n    firstColor = val;\n  } else {\n    const processed = parseStyle(val);\n    const extractedColor = processed.groups.find((g) => g.colors.length)\n      ?.colors[0];\n\n    if (!extractedColor) {\n      // Rate-limited warning to avoid spam\n      if (!ignoreError && devMode && colorWarningCount < MAX_COLOR_WARNINGS) {\n        console.warn('Tasty: unable to parse color:', val);\n        colorWarningCount++;\n        if (colorWarningCount === MAX_COLOR_WARNINGS) {\n          console.warn(\n            'Tasty: color parsing warnings will be suppressed from now on',\n          );\n        }\n      }\n      return {};\n    }\n\n    firstColor = extractedColor;\n  }\n\n  // Extract color name (if present) from variable pattern using precompiled regex\n  let nameMatch = firstColor.match(COLOR_VAR_PATTERN);\n  if (!nameMatch) {\n    nameMatch = firstColor.match(COLOR_VAR_COMPONENTS_PATTERN);\n  }\n\n  let opacity: number | undefined;\n  if (\n    firstColor.startsWith('rgb') ||\n    firstColor.startsWith('hsl') ||\n    firstColor.startsWith('lch') ||\n    firstColor.startsWith('oklch') ||\n    firstColor.startsWith('okhsl')\n  ) {\n    const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);\n    if (alphaMatch) {\n      const v = parseFloat(alphaMatch[1]);\n      if (!isNaN(v)) opacity = v * 100;\n    }\n  }\n\n  return {\n    color: firstColor,\n    name: nameMatch ? nameMatch[1] : undefined,\n    opacity,\n  };\n}\n\nexport function filterMods(mods: string[], allowedMods: string[]): string[] {\n  return mods.filter((mod) => allowedMods.includes(mod));\n}\n\n// ============================================================================\n// Style Stringification\n// ============================================================================\n\nconst _innerCache = new WeakMap();\nconst _topLevelCache = new WeakMap<object, string>();\n\nexport function stringifyStyles(styles: unknown): string {\n  if (styles == null || typeof styles !== 'object') return '';\n\n  const cached = _topLevelCache.get(styles as object);\n  if (cached !== undefined) return cached;\n\n  const obj = styles as Record<string, unknown>;\n  const keys = Object.keys(obj).sort();\n  const parts: string[] = [];\n  for (const k of keys) {\n    const v = obj[k];\n    if (v === undefined || typeof v === 'function' || typeof v === 'symbol')\n      continue;\n\n    const c0 = k.charCodeAt(0);\n    const needsInnerSort =\n      ((c0 >= 65 && c0 <= 90) || c0 === 38) &&\n      v &&\n      typeof v === 'object' &&\n      !Array.isArray(v);\n\n    let sv: string;\n    if (needsInnerSort) {\n      sv = _innerCache.get(v);\n      if (sv === undefined) {\n        const innerObj = v as Record<string, unknown>;\n        const innerKeys = Object.keys(innerObj).sort();\n        const innerParts: string[] = [];\n        for (const ik of innerKeys) {\n          const ivs = JSON.stringify(innerObj[ik]);\n          if (ivs !== undefined)\n            innerParts.push(JSON.stringify(ik) + ':' + ivs);\n        }\n        sv = '{' + innerParts.join(',') + '}';\n        _innerCache.set(v, sv);\n      }\n    } else {\n      sv = JSON.stringify(v);\n    }\n    parts.push(JSON.stringify(k) + ':' + sv);\n  }\n  const result = '{' + parts.join(',') + '}';\n  _topLevelCache.set(styles as object, result);\n  return result;\n}\n"],"mappings":"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"}