@salesforce-ux/eslint-plugin-slds 1.0.7-internal → 1.0.8-internal

package/build/rules/v9/no-hardcoded-values/handlers/boxShadowHandler.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/rules/v9/no-hardcoded-values/handlers/boxShadowHandler.ts", "../../../../../src/utils/boxShadowValueParser.ts", "../../../../../src/utils/color-lib-utils.ts", "../../../../../src/utils/css-functions.ts", "../../../../../src/utils/value-utils.ts", "../../../../../src/utils/hardcoded-shared-utils.ts", "../../../../../src/utils/css-utils.ts"],
-  "sourcesContent": ["import type { HandlerContext, DeclarationHandler } from '../../../../types';\nimport type { ValueToStylingHooksMapping } from '@salesforce-ux/sds-metadata/next';\nimport { parseBoxShadowValue, isBoxShadowMatch, type BoxShadowValue } from '../../../../utils/boxShadowValueParser';\nimport { formatSuggestionHooks } from '../../../../utils/css-utils';\n\n// Import shared utilities for common logic\nimport { \n  handleShorthandAutoFix, \n  type ReplacementInfo,\n  type PositionInfo\n} from '../../../../utils/hardcoded-shared-utils';\n\n/**\n * Convert CSS value to parsed box-shadow values, filtering out empty ones\n */\nfunction toBoxShadowValue(cssValue: string): BoxShadowValue[] | null {\n  const parsedCssValue = parseBoxShadowValue(cssValue).filter((shadow) => Object.keys(shadow).length > 0);\n  if (parsedCssValue.length === 0) {\n    return null;\n  }\n  return parsedCssValue;\n}\n\n/**\n * Extract box-shadow hook entries from styling hooks mapping\n */\nfunction shadowValueToHookEntries(supportedStylinghooks: ValueToStylingHooksMapping): Array<[string, string[]]> {\n  return Object.entries(supportedStylinghooks).filter(([key, value]) => {\n    return value.some((hook) => hook.properties.includes('box-shadow'));\n  }).map(([key, value]) => {\n    return [key, value.map((hook) => hook.name)];\n  });\n}\n\n/**\n * Handle box-shadow declarations using CSS tree parsing\n */\nexport const handleBoxShadowDeclaration: DeclarationHandler = (node: any, context: HandlerContext) => {\n  const cssProperty = node.property.toLowerCase();\n  const valueText = context.sourceCode.getText(node.value);\n  \n  const shadowHooks = shadowValueToHookEntries(context.valueToStylinghook);\n  \n  const parsedCssValue = toBoxShadowValue(valueText);\n  if (!parsedCssValue) {\n    return;\n  }\n\n  // Look for matching hooks\n  for (const [shadow, closestHooks] of shadowHooks) {\n    const parsedValueHook = toBoxShadowValue(shadow);\n    if (parsedValueHook && isBoxShadowMatch(parsedCssValue, parsedValueHook)) {\n      if (closestHooks.length > 0) {\n        // Create position info for the entire box-shadow value\n        const positionInfo: PositionInfo = {\n          start: { offset: 0, line: 1, column: 1 },\n          end: { offset: valueText.length, line: 1, column: valueText.length + 1 }\n        };\n        \n        const replacement = createBoxShadowReplacement(\n          valueText,\n          closestHooks,\n          context,\n          positionInfo\n        );\n        \n        if (replacement) {\n          const replacements: ReplacementInfo[] = [replacement];\n          // Apply shorthand auto-fix when we have replacements to report\n          handleShorthandAutoFix(node, context, valueText, replacements);\n        }\n      }\n      return;\n    }\n  }\n  \n  // If no hooks found, silently ignore - don't report any violations\n};\n\n\n/**\n * Create box-shadow replacement info for shorthand auto-fix\n * Only called when hooks are available (hooks.length > 0)\n * Returns replacement data or null if invalid position info\n */\nfunction createBoxShadowReplacement(\n  originalValue: string,\n  hooks: string[],\n  context: HandlerContext,\n  positionInfo: PositionInfo\n): ReplacementInfo | null {\n  if (!positionInfo?.start) {\n    return null;\n  }\n\n  // Use position information directly from CSS tree (already 0-based offsets)\n  const start = positionInfo.start.offset;\n  const end = positionInfo.end.offset;\n\n  if (hooks.length === 1) {\n    // Has a single hook replacement - should provide autofix\n    return {\n      start,\n      end,\n      replacement: `var(${hooks[0]}, ${originalValue})`,\n      displayValue: hooks[0],\n      hasHook: true\n    };\n  } else {\n    // Multiple hooks - still has hooks, but no auto-fix\n    return {\n      start,\n      end,\n      replacement: originalValue,\n      displayValue: formatSuggestionHooks(hooks),\n      hasHook: true\n    };\n  }\n}\n", "import { parse, walk, generate } from '@eslint/css-tree';\nimport { isValidColor } from './color-lib-utils';\nimport { parseUnitValue, type ParsedUnitValue } from './value-utils';\nimport { isCssColorFunction } from './css-functions';\n\nexport interface BoxShadowValue {\n  offsetX?: string;\n  offsetY?: string;\n  blurRadius?: string;\n  spreadRadius?: string;\n  color?: string;\n  inset?: boolean;\n}\n\ninterface ShadowParts {\n  lengthParts: string[];\n  colorParts: string[];\n  inset: boolean;\n}\n\n/**\n * Check if a CSS tree node represents a color value\n */\nfunction isColorValue(node: any): boolean {\n  if (!node) return false;\n  \n  switch (node.type) {\n    case 'Hash':\n      return true; // #hex colors\n    case 'Identifier':\n      return isValidColor(node.name);\n    case 'Function':\n      return isCssColorFunction(node.name.toLowerCase());\n    default:\n      return false;\n  }\n}\n\n/**\n * Check if a CSS tree node represents a length value\n */\nfunction isLengthValue(node: any): boolean {\n  if (!node) return false;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Use existing unit parsing to validate the unit\n      const dimensionStr = `${node.value}${node.unit}`;\n      return parseUnitValue(dimensionStr) !== null;\n    case 'Number':\n      // Zero values without units are valid lengths\n      return Number(node.value) === 0;\n    default:\n      return false;\n  }\n}\n\n/**\n * Check if a CSS tree node represents the 'inset' keyword\n */\nfunction isInsetKeyword(node: any): boolean {\n  return node?.type === 'Identifier' && node.name.toLowerCase() === 'inset';\n}\n\n/**\n * Extract shadow parts from CSS tree nodes\n */\nfunction extractShadowParts(valueText: string): ShadowParts[] {\n  const shadows: ShadowParts[] = [];\n  let currentShadow: ShadowParts = {\n    lengthParts: [],\n    colorParts: [],\n    inset: false\n  };\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nested function content for now\n        if (node.type === 'Function') {\n          return this.skip;\n        }\n        \n        if (isInsetKeyword(node)) {\n          currentShadow.inset = true;\n        } else if (isLengthValue(node)) {\n          currentShadow.lengthParts.push(generate(node));\n        } else if (isColorValue(node)) {\n          currentShadow.colorParts.push(generate(node));\n        }\n      }\n    });\n    \n    // Add the current shadow if it has any content\n    if (currentShadow.lengthParts.length > 0 || currentShadow.colorParts.length > 0 || currentShadow.inset) {\n      shadows.push(currentShadow);\n    }\n    \n  } catch (error) {\n    return [];\n  }\n\n  return shadows;\n}\n\n/**\n * Parse box-shadow value into structured format\n * Simplified version for ESLint v9 compatibility\n */\nexport function parseBoxShadowValue(value: string): BoxShadowValue[] {\n  // Handle multiple shadows separated by commas\n  const shadowStrings = value.split(',').map(s => s.trim());\n  const allShadows: BoxShadowValue[] = [];\n  \n  for (const shadowString of shadowStrings) {\n    const shadows = extractShadowParts(shadowString);\n    \n    const parsedShadows = shadows.map((shadow) => {\n      /**\n       * Box-shadow syntax:\n       * Two, three, or four <length> values:\n       * - offset-x offset-y [blur-radius] [spread-radius]\n       * Optionally: inset keyword and color value\n       */\n      const shadowValue: BoxShadowValue = {};\n      \n      // Map length parts to shadow properties\n      const lengthProps = ['offsetX', 'offsetY', 'blurRadius', 'spreadRadius'] as const;\n      lengthProps.forEach((prop, index) => {\n        if (shadow.lengthParts.length > index) {\n          shadowValue[prop] = shadow.lengthParts[index];\n        }\n      });\n      \n      // Add color if present\n      if (shadow.colorParts.length > 0) {\n        shadowValue.color = shadow.colorParts[0];\n      }\n      \n      // Add inset flag if present\n      if (shadow.inset) {\n        shadowValue.inset = true;\n      }\n      \n      return shadowValue;\n    });\n    \n    allShadows.push(...parsedShadows);\n  }\n  \n  return allShadows;\n}\n\n/**\n * Normalize length value for comparison\n */\nfunction normalizeLengthValue(value: string | undefined): string {\n  if (!value) return '0px';\n  if (value === '0') return '0px';\n  return value;\n}\n\n/**\n * Check if two parsed box-shadow values match\n */\nexport function isBoxShadowMatch(parsedCssValue: BoxShadowValue[], parsedValueHook: BoxShadowValue[]): boolean {\n  // If the number of shadows doesn't match, they're not equal\n  if (parsedCssValue.length !== parsedValueHook.length) {\n    return false;\n  }\n\n  // Compare each shadow in the array\n  for (let i = 0; i < parsedCssValue.length; i++) {\n    const cssShadow = parsedCssValue[i];\n    const hookShadow = parsedValueHook[i];\n\n    // Compare color and inset properties\n    if (cssShadow.color !== hookShadow.color || cssShadow.inset !== hookShadow.inset) {\n      return false;\n    }\n\n    // Compare length properties\n    const lengthProps = ['offsetX', 'offsetY', 'blurRadius', 'spreadRadius'] as const;\n    for (const prop of lengthProps) {\n      if (normalizeLengthValue(cssShadow[prop]) !== normalizeLengthValue(hookShadow[prop])) {\n        return false;\n      }\n    }\n  }\n\n  return true;\n}\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/color-lib-utils.ts\nimport { ValueToStylingHooksMapping, ValueToStylingHookEntry } from '@salesforce-ux/sds-metadata/next';\nimport chroma from 'chroma-js';\nimport { generate } from '@eslint/css-tree';\nimport { isCssColorFunction } from './css-functions';\n\nconst LAB_THRESHOLD = 25; // Adjust this to set how strict the matching should be\n\nconst isHardCodedColor = (color: string): boolean => {\n  const colorRegex =\n    /\\b(rgb|rgba)\\((\\s*\\d{1,3}\\s*,\\s*){2,3}\\s*(0|1|0?\\.\\d+)\\s*\\)|#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})\\b|[a-zA-Z]+/g;\n  return colorRegex.test(color);\n};\n\nconst isHexCode = (color: string): boolean => {\n  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/; // Pattern for #RGB or #RRGGBB\n  return hexPattern.test(color);\n};\n\n// Convert a named color or hex code into a hex format using chroma-js\nconst convertToHex = (color: string): string | null => {\n  try {\n    // Try converting the color using chroma-js, which handles both named and hex colors\n    return chroma(color).hex();\n  } catch (e) {\n    // If chroma can't process the color, it's likely invalid\n    return null;\n  }\n};\n\n// Find the closest color hook using LAB distance\nconst findClosestColorHook = (\n  color: string,\n  supportedColors:ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] => {\n  const returnStylingHooks: string[] = [];\n  const closestHooksWithSameProperty: { name: string; distance: number }[] = [];\n  const closestHooksWithoutSameProperty: { name: string; distance: number }[] =\n    [];\n  const closestHooksWithAllProperty: { name: string; distance: number }[] =\n    [];\n  const labColor = chroma(color).lab();\n\n  Object.entries(supportedColors).forEach(([sldsValue, data]) => {\n    if (sldsValue && isHexCode(sldsValue)) {\n      const hooks = data as ValueToStylingHookEntry[]; // Get the hooks for the sldsValue\n\n      hooks.forEach((hook) => {\n        const labSupportedColor = chroma(sldsValue).lab();\n        const distance = (JSON.stringify(labColor) === JSON.stringify(labSupportedColor)) ? 0\n            : chroma.distance(chroma.lab(...labColor), chroma.lab(...labSupportedColor), \"lab\");\n        // Check if the hook has the same property\n        if (hook.properties.includes(cssProperty)) {\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithSameProperty.push({ name: hook.name, distance });\n          }\n        } \n        // Check for the universal selector\n        else if ( hook.properties.includes(\"*\") ){\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithAllProperty.push({ name: hook.name, distance });\n          }\n        }\n        else {\n          // Add to different property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithoutSameProperty.push({ name: hook.name, distance });\n          }\n        }\n      });\n    }\n  });\n\n// Group hooks by their priority\nconst closesthookGroups = [\n  { hooks: closestHooksWithSameProperty, distance: 0 },\n  { hooks: closestHooksWithAllProperty, distance: 0 },\n  { hooks: closestHooksWithSameProperty, distance: Infinity },  // For hooks with distance > 0\n  { hooks: closestHooksWithAllProperty, distance: Infinity },\n  { hooks: closestHooksWithoutSameProperty, distance: Infinity },\n];\n\nfor (const group of closesthookGroups) {\n  // Filter hooks based on the distance condition\n  const filteredHooks = group.hooks.filter(h => \n    group.distance === 0 ? h.distance === 0 : h.distance > 0\n  );\n\n  if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {\n    filteredHooks.sort((a, b) => a.distance - b.distance);\n    returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));\n  }\n}\n\n\n  return Array.from(new Set(returnStylingHooks));\n};\n\n/**\n * This method is usefull to identify all possible css color values.\n *  - names colors\n *  - 6,8 digit hex\n *  - rgb and rgba\n *  - hsl and hsla\n */\nconst isValidColor = (val:string):boolean => chroma.valid(val);\n\n/**\n * Extract color value from CSS AST node\n */\nconst extractColorValue = (node: any): string | null => {\n  let colorValue: string | null = null;\n  \n  switch (node.type) {\n    case 'Hash':\n      colorValue = `#${node.value}`;\n      break;\n    case 'Identifier':\n      colorValue = node.name;\n      break;\n    case 'Function':\n      // Only extract color functions\n      if (isCssColorFunction(node.name)) {\n        colorValue = generate(node);\n      }\n      break;\n  }\n  \n  return colorValue && isValidColor(colorValue) ? colorValue : null;\n};\n\nexport { findClosestColorHook, convertToHex, isHexCode, isHardCodedColor, isValidColor, extractColorValue };\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/css-functions.ts\n/**\n * Complete list of CSS functions that should be preserved/recognized\n */\nconst CSS_FUNCTIONS = [\n    'attr',\n    'calc',\n    'color-mix',\n    'conic-gradient',\n    'counter',\n    'cubic-bezier',\n    'linear-gradient',\n    'max',\n    'min',\n    'radial-gradient',\n    'repeating-conic-gradient',\n    'repeating-linear-gradient',\n    'repeating-radial-gradient',\n    'var'\n  ];\n  \n  \n  const CSS_MATH_FUNCTIONS = ['calc', 'min', 'max'];\n  \n  \n  const RGB_COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla'];\n  \n  /**\n   * Regex for matching any CSS function (for general detection)\n   * Matches function names within other text\n   */\n  const cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join('|')})`);\n  \n  \n  const cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join('|')})$`);\n  \n  \n  const cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join('|')})$`);\n  \n  export function containsCssFunction(value: string): boolean {\n    return cssFunctionsRegex.test(value);\n  }\n  \n  /**\n   * Check if a value is exactly a CSS function name\n   */\n  export function isCssFunction(value: string): boolean {\n    return cssFunctionsExactRegex.test(value);\n  }\n  \n  export function isCssMathFunction(value: string): boolean {\n    return cssMathFunctionsRegex.test(value);\n  }\n  \n  export function isCssColorFunction(value: string): boolean {\n    return RGB_COLOR_FUNCTIONS.includes(value);\n  }", "// Simplified value parsing\n\n/**\n * Checks if a value is a CSS global value.\n *\n * CSS global values are special keywords that can be used for any CSS property and have a universal meaning:\n * - initial: Resets the property to its initial value as defined by the CSS specification.\n * - inherit: Inherits the value from the parent element.\n * - unset: Acts as inherit if the property is inheritable, otherwise acts as initial.\n * - revert: Rolls back the property to the value established by the user-agent or user styles.\n * - revert-layer: Rolls back the property to the value established by the previous cascade layer.\n *\n * All CSS properties accept these global values, including but not limited to:\n *   - color\n *   - background\n *   - font-size\n *   - margin\n *   - padding\n *   - border\n *   - display\n *   - position\n *   - z-index\n *   - and many more\n *\n * These values are part of the CSS standard and are not considered violations, even if a rule would otherwise flag a value as invalid or non-design-token. They are always allowed for any property.\n *\n * @param value The CSS value to check.\n * @returns True if the value is a CSS global value, false otherwise.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/initial\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/inherit\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/unset\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert-layer\n */\nexport function isGlobalValue(value: string): boolean {\n    return value === 'initial' || value === 'inherit' || value === 'unset' || value === 'revert' || value === 'revert-layer';\n  }\n\n// Configurable list of allowed CSS units\nexport const ALLOWED_UNITS = ['px', 'em', 'rem', '%', 'ch'];\n\nexport type ParsedUnitValue = {\n  unit: 'px' | 'rem' | '%' | 'em' | 'ch' | null;\n  number: number;\n} | null;\n\nexport function parseUnitValue(value: string): ParsedUnitValue {\n  if (!value) return null;\n  \n  // Create regex pattern from allowed units\n  const unitsPattern = ALLOWED_UNITS.join('|');\n  const regex = new RegExp(`^(-?\\\\d*\\\\.?\\\\d+)(${unitsPattern})?$`);\n  const match = value.match(regex);\n  if (!match) return null;\n  \n  const number = parseFloat(match[1]);\n  const unit = match[2] ? (match[2] as 'px' | 'rem' | '%' | 'em' | 'ch') : null; // Keep unitless values as null\n  \n  if (isNaN(number)) return null;\n  \n  return { number, unit };\n}\n\nexport function toAlternateUnitValue(numberVal: number, unitType: 'px' | 'rem' | '%' | 'em' | 'ch' | null): ParsedUnitValue {\n    if (unitType === 'px') {\n      let floatValue = parseFloat(`${numberVal / 16}`);\n      if (!isNaN(floatValue)) {\n        return {\n          unit: 'rem',\n          number: parseFloat(floatValue.toFixed(4))\n        }\n      }\n    } else if (unitType === 'rem') {\n      const intValue = parseInt(`${numberVal * 16}`);\n      if (!isNaN(intValue)) {\n        return {\n          unit: 'px',\n          number: intValue\n        }\n      }\n    }\n    // For other units (%, em, ch) and unitless values, no alternate unit conversion available\n    // These units are context-dependent and don't have standard conversion ratios\n    return null;\n}", "import { parse, walk } from '@eslint/css-tree';\nimport type { HandlerContext } from '../types';\nimport type { ParsedUnitValue } from './value-utils';\nimport { ALLOWED_UNITS } from './value-utils';\nimport { extractColorValue } from './color-lib-utils';\nimport { isCssFunction } from './css-functions';\n\n/**\n * Common replacement data structure used by both color and density handlers\n */\nexport interface ReplacementInfo {\n  start: number;\n  end: number;\n  replacement: string;        // Full CSS var: var(--hook, fallback)\n  displayValue: string;       // Just the hook: --hook\n  hasHook: boolean;\n}\n\n/**\n * Position information from CSS tree parsing\n */\nexport interface PositionInfo {\n  start?: { offset: number; line: number; column: number };\n  end?: { offset: number; line: number; column: number };\n}\n\n/**\n * Generic callback for processing values with position information\n */\nexport type ValueCallback<T> = (value: T, positionInfo?: PositionInfo) => void;\n\n/**\n * Known valid font-weight values\n */\nconst FONT_WEIGHTS = [\n  'normal',\n  'bold', \n  'bolder',\n  'lighter',\n  '100',\n  '200', \n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900'\n];\n\n/**\n * Check if a value is a known font-weight\n */\nexport function isKnownFontWeight(value: string | number): boolean {\n  const stringValue = value.toString();\n  return FONT_WEIGHTS.includes(stringValue.toLowerCase());\n}\n\n/**\n * Generic shorthand auto-fix handler\n * Handles the common logic for reconstructing shorthand values with replacements\n */\nexport function handleShorthandAutoFix(\n  declarationNode: any,\n  context: HandlerContext,\n  valueText: string,\n  replacements: ReplacementInfo[]\n) {\n  // Sort replacements by position for proper reconstruction\n  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);\n  \n  // Check if we can apply auto-fix (at least one value has a hook)\n  const hasAnyHooks = sortedReplacements.some(r => r.hasHook);\n  const canAutoFix = hasAnyHooks;\n\n  // Report each individual value\n  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {\n    const originalValue = valueText.substring(start, end);\n    const valueStartColumn = declarationNode.value.loc.start.column;\n    const valueColumn = valueStartColumn + start;\n    \n    // Create precise error location for this value\n    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;\n    const reportNode = {\n      ...declarationNode.value,\n      loc: {\n        ...declarationNode.value.loc,\n        start: {\n          ...locStart,\n          column: valueColumn\n        },\n        end: {\n          ...locEnd,\n          column: valueColumn + originalValue.length\n        }\n      }\n    };\n\n    if (hasHook) {\n      // Create auto-fix for the entire shorthand value\n      const fix = canAutoFix ? (fixer: any) => {\n        // Reconstruct the entire value with all replacements\n        let newValue = valueText;\n        \n        // Apply replacements from right to left to maintain string positions\n        for (let i = sortedReplacements.length - 1; i >= 0; i--) {\n          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];\n          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);\n        }\n        \n        return fixer.replaceText(declarationNode.value, newValue);\n      } : undefined;\n\n      context.context.report({\n        node: reportNode,\n        messageId: 'hardcodedValue',\n        data: {\n          oldValue: originalValue,\n          newValue: displayValue\n        },\n        fix\n      });\n    } else {\n      // No hook available\n      context.context.report({\n        node: reportNode,\n        messageId: 'noReplacement',\n        data: {\n          oldValue: originalValue\n        }\n      });\n    }\n  });\n}\n\n/**\n * Generic CSS tree traversal with position tracking\n * Always provides position information since both handlers need it\n */\nexport function forEachValue<T>(\n  valueText: string,\n  extractValue: (node: any) => T | null,\n  shouldSkipNode: (node: any) => boolean,\n  callback: (value: T, positionInfo: PositionInfo) => void\n): void {\n  if (!valueText || typeof valueText !== 'string') {\n    return;\n  }\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const, positions: true });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nodes efficiently using this.skip\n        if (shouldSkipNode(node)) {\n          return this.skip;\n        }\n        \n        const value = extractValue(node);\n        if (value !== null) {\n          const positionInfo: PositionInfo = {\n            start: node.loc?.start,\n            end: node.loc?.end\n          };\n          callback(value, positionInfo);\n        }\n      }\n    });\n  } catch (error) {\n    // Silently handle parse errors\n    return;\n  }\n}\n\n/**\n * Check if color node should be skipped during traversal\n */\nfunction shouldSkipColorNode(node: any): boolean {\n  return node.type === 'Function' && isCssFunction(node.name);\n}\n\n/**\n * Check if dimension node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipDimensionNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Extract dimension value from CSS AST node\n * Returns structured data with number and unit to eliminate regex parsing\n */\nfunction extractDimensionValue(valueNode: any, cssProperty?: string): ParsedUnitValue | null {\n  if (!valueNode) return null;\n  \n  switch (valueNode.type) {\n    case 'Dimension':\n      // Dimensions: 16px, 1rem -> extract value and unit directly from AST\n      const numValue = Number(valueNode.value);\n      if (numValue === 0) return null; // Skip zero values\n      \n      const unit = valueNode.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null; // Support only allowed units\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Numbers: 400, 1.5 -> treat as unitless (font-weight, line-height, etc.)\n      const numberValue = Number(valueNode.value);\n      if (numberValue === 0) return null; // Skip zero values\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Percentage':\n      // Percentage values: 100%, 50% -> extract value and add % unit\n      const percentValue = Number(valueNode.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Specialized color value traversal\n * Handles color-specific extraction and skipping logic\n */\nexport function forEachColorValue(\n  valueText: string,\n  callback: (colorValue: string, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);\n}\n\n/**\n * Specialized density value traversal\n * Handles dimension-specific extraction and skipping logic\n */\nexport function forEachDensityValue(\n  valueText: string,\n  cssProperty: string,\n  callback: (parsedDimension: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(\n    valueText, \n    (node) => extractDimensionValue(node, cssProperty), \n    shouldSkipDimensionNode, \n    callback\n  );\n}\n\n/**\n * Extract font-related values from CSS AST node\n * Handles font-size and font-weight values\n */\nfunction extractFontValue(node: any): ParsedUnitValue | null {\n  if (!node) return null;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Font-size: 16px, 1rem, etc.\n      const numValue = Number(node.value);\n      if (numValue <= 0) return null; // Skip zero/negative values\n      \n      const unit = node.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null;\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Font-weight: 400, 700, etc.\n      const numberValue = Number(node.value);\n      if (numberValue <= 0) {\n        return null; // Skip zero/negative values\n      }\n      \n      // Only accept known font-weight values for unitless numbers\n      if (!isKnownFontWeight(numberValue)) {\n        return null; // Skip values that aren't valid font-weights\n      }\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Identifier':\n      // Font-weight keywords: normal, bold, etc.\n      const namedValue = node.name.toLowerCase();\n      \n      // Only accept known font-weight keywords\n      if (!isKnownFontWeight(namedValue)) {\n        return null;\n      }\n      \n      // Convert known keywords to numeric values\n      if (namedValue === 'normal') {\n        return { number: 400, unit: null };\n      }\n      \n      // For other keywords (bolder, lighter), we can't determine exact numeric value\n      // but we know they're valid font-weight values\n      return { number: namedValue, unit: null };\n      \n    case 'Percentage':\n      // Percentage values for font-size\n      const percentValue = Number(node.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return node.children?.[0] ? extractFontValue(node.children[0]) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Check if font node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipFontNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Specialized font value traversal\n * Handles font-specific extraction and skipping logic\n */\nexport function forEachFontValue(\n  valueText: string,\n  callback: (fontValue: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);\n}\n", "import { \n  forEachValue, \n  type PositionInfo \n} from './hardcoded-shared-utils';\n\n/**\n * Check if a CSS property should be targeted for linting based on prefixes or explicit targets\n * @param property - The CSS property name to check\n * @param propertyTargets - Array of specific properties to target (empty means target all)\n * @returns true if the property should be targeted\n */\nexport function isTargetProperty(property: string, propertyTargets: string[] = []): boolean {\n  if (typeof property !== 'string') return false;\n  return property.startsWith('--sds-')\n    || property.startsWith('--slds-')\n    || property.startsWith('--lwc-')\n    || propertyTargets.length === 0\n    || propertyTargets.includes(property);\n}\n\n/**\n * CSS Variable information for SLDS variable detection\n */\nexport interface CssVariableInfo {\n  name: string;           // Variable name: --slds-g-color-surface-1\n  hasFallback: boolean;   // Whether var() already has a fallback\n}\n\n/**\n * Generic CSS variable extractor that can be customized for different use cases\n * @param node - AST node to extract from\n * @param filter - Function to validate and extract variable information\n * @returns Extracted variable info or null\n */\nfunction extractCssVariable<T>(\n  node: any,\n  filter: (variableName: string, childrenArray: any[]) => T | null\n): T | null {\n  if (!node || node.type !== 'Function' || node.name !== 'var') {\n    return null;\n  }\n\n  if (!node.children) {\n    return null;\n  }\n\n  // Convert children to array and get the first child (variable name)\n  const childrenArray = Array.from(node.children);\n  if (childrenArray.length === 0) {\n    return null;\n  }\n  \n  const firstChild = childrenArray[0] as any;\n  if (!firstChild || firstChild.type !== 'Identifier') {\n    return null;\n  }\n\n  const variableName = firstChild.name;\n  if (!variableName) {\n    return null;\n  }\n\n  return filter(variableName, childrenArray);\n}\n\n/**\n * Specialized CSS variable traversal for SLDS variables\n * Finds var(--slds-*) functions and reports their fallback status\n */\nexport function forEachSldsVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  const extractor = (node: any) => extractCssVariable(node, (variableName, childrenArray) => {\n    if (!variableName.startsWith('--slds-')) {\n      return null;\n    }\n\n    // Check if there's a fallback (comma separator)\n    const hasFallback = childrenArray.some((child: any) => \n      child.type === 'Operator' && child.value === ','\n    );\n\n    return { name: variableName, hasFallback };\n  });\n\n  forEachValue(valueText, extractor, () => false, callback);\n}\n\n/**\n * Specialized CSS variable traversal for SLDS/SDS namespace detection\n * Finds var(--slds-*) or var(--sds-*) functions in CSS values\n * Note: hasFallback is set to false as it's unused for namespace validation\n */\nexport function forEachNamespacedVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  const extractor = (node: any) => extractCssVariable(node, (variableName) => {\n    // Check for SLDS or SDS namespace\n    if (variableName.startsWith('--slds-') || variableName.startsWith('--sds-')) {\n      return { name: variableName, hasFallback: false }; // hasFallback unused, but required by interface\n    }\n    return null;\n  });\n\n  forEachValue(valueText, extractor, () => false, callback);\n}\n\n/**\n * Specialized CSS variable traversal for LWC variables\n * Finds var(--lwc-*) functions in CSS values and reports their fallback status\n */\nexport function forEachLwcVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  const extractor = (node: any) => extractCssVariable(node, (variableName, childrenArray) => {\n    if (!variableName.startsWith('--lwc-')) {\n      return null;\n    }\n\n    // Check if there's a fallback (comma separator)\n    const hasFallback = childrenArray.some((child: any) => \n      child.type === 'Operator' && child.value === ','\n    );\n\n    return { name: variableName, hasFallback };\n  });\n\n  forEachValue(valueText, extractor, () => false, callback);\n}\n\n/**\n * Format multiple hook suggestions for better readability\n * @param hooks - Array of hook names to format\n * @returns Formatted string with hooks\n */\nexport function formatSuggestionHooks(hooks: string[]): string {\n  if (hooks.length === 1) {\n    return `${hooks[0]}`;\n  }\n\n  // Loop through hooks and append each as a numbered list item with line breaks\n  return '\\n' + hooks.map((hook, index) => `${index + 1}. ${hook}`).join('\\n');\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAAsC;;;ACEtC,uBAAmB;AACnB,sBAAyB;;;ACCzB,IAAM,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,IAAM,qBAAqB,CAAC,QAAQ,OAAO,KAAK;AAGhD,IAAM,sBAAsB,CAAC,OAAO,QAAQ,OAAO,MAAM;AAMzD,IAAM,oBAAoB,IAAI,OAAO,MAAM,cAAc,KAAK,GAAG,CAAC,GAAG;AAGrE,IAAM,yBAAyB,IAAI,OAAO,OAAO,cAAc,KAAK,GAAG,CAAC,IAAI;AAG5E,IAAM,wBAAwB,IAAI,OAAO,OAAO,mBAAmB,KAAK,GAAG,CAAC,IAAI;AAiBzE,SAAS,mBAAmB,OAAwB;AACzD,SAAO,oBAAoB,SAAS,KAAK;AAC3C;;;ADoDF,IAAM,eAAe,CAAC,QAAuB,iBAAAC,QAAO,MAAM,GAAG;;;AEpEtD,IAAM,gBAAgB,CAAC,MAAM,MAAM,OAAO,KAAK,IAAI;AAOnD,SAAS,eAAe,OAAgC;AAC7D,MAAI,CAAC,MAAO,QAAO;AAGnB,QAAM,eAAe,cAAc,KAAK,GAAG;AAC3C,QAAM,QAAQ,IAAI,OAAO,qBAAqB,YAAY,KAAK;AAC/D,QAAM,QAAQ,MAAM,MAAM,KAAK;AAC/B,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,SAAS,WAAW,MAAM,CAAC,CAAC;AAClC,QAAM,OAAO,MAAM,CAAC,IAAK,MAAM,CAAC,IAAyC;AAEzE,MAAI,MAAM,MAAM,EAAG,QAAO;AAE1B,SAAO,EAAE,QAAQ,KAAK;AACxB;;;AHvCA,SAAS,aAAa,MAAoB;AACxC,MAAI,CAAC,KAAM,QAAO;AAElB,UAAQ,KAAK,MAAM;AAAA,IACjB,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO,aAAa,KAAK,IAAI;AAAA,IAC/B,KAAK;AACH,aAAO,mBAAmB,KAAK,KAAK,YAAY,CAAC;AAAA,IACnD;AACE,aAAO;AAAA,EACX;AACF;AAKA,SAAS,cAAc,MAAoB;AACzC,MAAI,CAAC,KAAM,QAAO;AAElB,UAAQ,KAAK,MAAM;AAAA,IACjB,KAAK;AAEH,YAAM,eAAe,GAAG,KAAK,KAAK,GAAG,KAAK,IAAI;AAC9C,aAAO,eAAe,YAAY,MAAM;AAAA,IAC1C,KAAK;AAEH,aAAO,OAAO,KAAK,KAAK,MAAM;AAAA,IAChC;AACE,aAAO;AAAA,EACX;AACF;AAKA,SAAS,eAAe,MAAoB;AAC1C,SAAO,MAAM,SAAS,gBAAgB,KAAK,KAAK,YAAY,MAAM;AACpE;AAKA,SAAS,mBAAmB,WAAkC;AAC5D,QAAM,UAAyB,CAAC;AAChC,MAAI,gBAA6B;AAAA,IAC/B,aAAa,CAAC;AAAA,IACd,YAAY,CAAC;AAAA,IACb,OAAO;AAAA,EACT;AAEA,MAAI;AACF,UAAM,UAAM,wBAAM,WAAW,EAAE,SAAS,QAAiB,CAAC;AAE1D,+BAAK,KAAK;AAAA,MACR,MAAM,MAAW;AAEf,YAAI,KAAK,SAAS,YAAY;AAC5B,iBAAO,KAAK;AAAA,QACd;AAEA,YAAI,eAAe,IAAI,GAAG;AACxB,wBAAc,QAAQ;AAAA,QACxB,WAAW,cAAc,IAAI,GAAG;AAC9B,wBAAc,YAAY,SAAK,2BAAS,IAAI,CAAC;AAAA,QAC/C,WAAW,aAAa,IAAI,GAAG;AAC7B,wBAAc,WAAW,SAAK,2BAAS,IAAI,CAAC;AAAA,QAC9C;AAAA,MACF;AAAA,IACF,CAAC;AAGD,QAAI,cAAc,YAAY,SAAS,KAAK,cAAc,WAAW,SAAS,KAAK,cAAc,OAAO;AACtG,cAAQ,KAAK,aAAa;AAAA,IAC5B;AAAA,EAEF,SAAS,OAAO;AACd,WAAO,CAAC;AAAA,EACV;AAEA,SAAO;AACT;AAMO,SAAS,oBAAoB,OAAiC;AAEnE,QAAM,gBAAgB,MAAM,MAAM,GAAG,EAAE,IAAI,OAAK,EAAE,KAAK,CAAC;AACxD,QAAM,aAA+B,CAAC;AAEtC,aAAW,gBAAgB,eAAe;AACxC,UAAM,UAAU,mBAAmB,YAAY;AAE/C,UAAM,gBAAgB,QAAQ,IAAI,CAAC,WAAW;AAO5C,YAAM,cAA8B,CAAC;AAGrC,YAAM,cAAc,CAAC,WAAW,WAAW,cAAc,cAAc;AACvE,kBAAY,QAAQ,CAAC,MAAM,UAAU;AACnC,YAAI,OAAO,YAAY,SAAS,OAAO;AACrC,sBAAY,IAAI,IAAI,OAAO,YAAY,KAAK;AAAA,QAC9C;AAAA,MACF,CAAC;AAGD,UAAI,OAAO,WAAW,SAAS,GAAG;AAChC,oBAAY,QAAQ,OAAO,WAAW,CAAC;AAAA,MACzC;AAGA,UAAI,OAAO,OAAO;AAChB,oBAAY,QAAQ;AAAA,MACtB;AAEA,aAAO;AAAA,IACT,CAAC;AAED,eAAW,KAAK,GAAG,aAAa;AAAA,EAClC;AAEA,SAAO;AACT;AAKA,SAAS,qBAAqB,OAAmC;AAC/D,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,UAAU,IAAK,QAAO;AAC1B,SAAO;AACT;AAKO,SAAS,iBAAiB,gBAAkC,iBAA4C;AAE7G,MAAI,eAAe,WAAW,gBAAgB,QAAQ;AACpD,WAAO;AAAA,EACT;AAGA,WAAS,IAAI,GAAG,IAAI,eAAe,QAAQ,KAAK;AAC9C,UAAM,YAAY,eAAe,CAAC;AAClC,UAAM,aAAa,gBAAgB,CAAC;AAGpC,QAAI,UAAU,UAAU,WAAW,SAAS,UAAU,UAAU,WAAW,OAAO;AAChF,aAAO;AAAA,IACT;AAGA,UAAM,cAAc,CAAC,WAAW,WAAW,cAAc,cAAc;AACvE,eAAW,QAAQ,aAAa;AAC9B,UAAI,qBAAqB,UAAU,IAAI,CAAC,MAAM,qBAAqB,WAAW,IAAI,CAAC,GAAG;AACpF,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;;;AIjMA,IAAAC,mBAA4B;AA8DrB,SAAS,uBACd,iBACA,SACA,WACA,cACA;AAEA,QAAM,qBAAqB,aAAa,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAGxE,QAAM,cAAc,mBAAmB,KAAK,OAAK,EAAE,OAAO;AAC1D,QAAM,aAAa;AAGnB,qBAAmB,QAAQ,CAAC,EAAE,OAAO,KAAK,aAAa,cAAc,QAAQ,MAAM;AACjF,UAAM,gBAAgB,UAAU,UAAU,OAAO,GAAG;AACpD,UAAM,mBAAmB,gBAAgB,MAAM,IAAI,MAAM;AACzD,UAAM,cAAc,mBAAmB;AAGvC,UAAM,EAAE,KAAK,EAAE,OAAO,UAAU,KAAK,OAAO,EAAE,IAAI,gBAAgB;AAClE,UAAM,aAAa;AAAA,MACjB,GAAG,gBAAgB;AAAA,MACnB,KAAK;AAAA,QACH,GAAG,gBAAgB,MAAM;AAAA,QACzB,OAAO;AAAA,UACL,GAAG;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,UACH,GAAG;AAAA,UACH,QAAQ,cAAc,cAAc;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,SAAS;AAEX,YAAM,MAAM,aAAa,CAAC,UAAe;AAEvC,YAAI,WAAW;AAGf,iBAAS,IAAI,mBAAmB,SAAS,GAAG,KAAK,GAAG,KAAK;AACvD,gBAAM,EAAE,OAAO,QAAQ,KAAK,MAAM,aAAa,aAAa,IAAI,mBAAmB,CAAC;AACpF,qBAAW,SAAS,UAAU,GAAG,MAAM,IAAI,eAAe,SAAS,UAAU,IAAI;AAAA,QACnF;AAEA,eAAO,MAAM,YAAY,gBAAgB,OAAO,QAAQ;AAAA,MAC1D,IAAI;AAEJ,cAAQ,QAAQ,OAAO;AAAA,QACrB,MAAM;AAAA,QACN,WAAW;AAAA,QACX,MAAM;AAAA,UACJ,UAAU;AAAA,UACV,UAAU;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AAEL,cAAQ,QAAQ,OAAO;AAAA,QACrB,MAAM;AAAA,QACN,WAAW;AAAA,QACX,MAAM;AAAA,UACJ,UAAU;AAAA,QACZ;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;;;ACKO,SAAS,sBAAsB,OAAyB;AAC7D,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,GAAG,MAAM,CAAC,CAAC;AAAA,EACpB;AAGA,SAAO,OAAO,MAAM,IAAI,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,IAAI;AAC7E;;;ANlIA,SAAS,iBAAiB,UAA2C;AACnE,QAAM,iBAAiB,oBAAoB,QAAQ,EAAE,OAAO,CAAC,WAAW,OAAO,KAAK,MAAM,EAAE,SAAS,CAAC;AACtG,MAAI,eAAe,WAAW,GAAG;AAC/B,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAKA,SAAS,yBAAyB,uBAA8E;AAC9G,SAAO,OAAO,QAAQ,qBAAqB,EAAE,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM;AACpE,WAAO,MAAM,KAAK,CAAC,SAAS,KAAK,WAAW,SAAS,YAAY,CAAC;AAAA,EACpE,CAAC,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACvB,WAAO,CAAC,KAAK,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC;AAAA,EAC7C,CAAC;AACH;AAKO,IAAM,6BAAiD,CAAC,MAAW,YAA4B;AACpG,QAAM,cAAc,KAAK,SAAS,YAAY;AAC9C,QAAM,YAAY,QAAQ,WAAW,QAAQ,KAAK,KAAK;AAEvD,QAAM,cAAc,yBAAyB,QAAQ,kBAAkB;AAEvE,QAAM,iBAAiB,iBAAiB,SAAS;AACjD,MAAI,CAAC,gBAAgB;AACnB;AAAA,EACF;AAGA,aAAW,CAAC,QAAQ,YAAY,KAAK,aAAa;AAChD,UAAM,kBAAkB,iBAAiB,MAAM;AAC/C,QAAI,mBAAmB,iBAAiB,gBAAgB,eAAe,GAAG;AACxE,UAAI,aAAa,SAAS,GAAG;AAE3B,cAAM,eAA6B;AAAA,UACjC,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,EAAE;AAAA,UACvC,KAAK,EAAE,QAAQ,UAAU,QAAQ,MAAM,GAAG,QAAQ,UAAU,SAAS,EAAE;AAAA,QACzE;AAEA,cAAM,cAAc;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,YAAI,aAAa;AACf,gBAAM,eAAkC,CAAC,WAAW;AAEpD,iCAAuB,MAAM,SAAS,WAAW,YAAY;AAAA,QAC/D;AAAA,MACF;AACA;AAAA,IACF;AAAA,EACF;AAGF;AAQA,SAAS,2BACP,eACA,OACA,SACA,cACwB;AACxB,MAAI,CAAC,cAAc,OAAO;AACxB,WAAO;AAAA,EACT;AAGA,QAAM,QAAQ,aAAa,MAAM;AACjC,QAAM,MAAM,aAAa,IAAI;AAE7B,MAAI,MAAM,WAAW,GAAG;AAEtB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa,OAAO,MAAM,CAAC,CAAC,KAAK,aAAa;AAAA,MAC9C,cAAc,MAAM,CAAC;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,EACF,OAAO;AAEL,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,cAAc,sBAAsB,KAAK;AAAA,MACzC,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "sources": ["../../../../../src/rules/v9/no-hardcoded-values/handlers/boxShadowHandler.ts", "../../../../../src/utils/boxShadowValueParser.ts", "../../../../../src/utils/color-lib-utils.ts", "../../../../../src/utils/css-functions.ts", "../../../../../src/utils/value-utils.ts", "../../../../../src/utils/hardcoded-shared-utils.ts", "../../../../../src/utils/css-utils.ts", "../../../../../src/utils/custom-mapping-utils.ts"],
+  "sourcesContent": ["import type { HandlerContext, DeclarationHandler } from '../../../../types';\nimport type { ValueToStylingHooksMapping } from '@salesforce-ux/sds-metadata/next';\nimport { parseBoxShadowValue, isBoxShadowMatch, type BoxShadowValue } from '../../../../utils/boxShadowValueParser';\nimport { formatSuggestionHooks } from '../../../../utils/css-utils';\nimport { getCustomMapping } from '../../../../utils/custom-mapping-utils';\n\n// Import shared utilities for common logic\nimport { \n  handleShorthandAutoFix, \n  type ReplacementInfo,\n  type PositionInfo\n} from '../../../../utils/hardcoded-shared-utils';\n\n/**\n * Convert CSS value to parsed box-shadow values, filtering out empty ones\n */\nfunction toBoxShadowValue(cssValue: string): BoxShadowValue[] | null {\n  const parsedCssValue = parseBoxShadowValue(cssValue).filter((shadow) => Object.keys(shadow).length > 0);\n  if (parsedCssValue.length === 0) {\n    return null;\n  }\n  return parsedCssValue;\n}\n\n/**\n * Extract box-shadow hook entries from styling hooks mapping\n */\nfunction shadowValueToHookEntries(supportedStylinghooks: ValueToStylingHooksMapping): Array<[string, string[]]> {\n  return Object.entries(supportedStylinghooks).filter(([key, value]) => {\n    return value.some((hook) => hook.properties.includes('box-shadow'));\n  }).map(([key, value]) => {\n    return [key, value.map((hook) => hook.name)];\n  });\n}\n\n/**\n * Report box-shadow violation with hooks and apply auto-fix\n */\nfunction reportBoxShadowViolation(\n  node: any,\n  context: HandlerContext,\n  valueText: string,\n  hooks: string[]\n): void {\n  const positionInfo: PositionInfo = {\n    start: { offset: 0, line: 1, column: 1 },\n    end: { offset: valueText.length, line: 1, column: valueText.length + 1 }\n  };\n  \n  const replacement = createBoxShadowReplacement(\n    valueText,\n    hooks,\n    context,\n    positionInfo\n  );\n  \n  if (replacement) {\n    const replacements: ReplacementInfo[] = [replacement];\n    handleShorthandAutoFix(node, context, valueText, replacements);\n  }\n}\n\n/**\n * Handle box-shadow declarations using CSS tree parsing\n */\nexport const handleBoxShadowDeclaration: DeclarationHandler = (node: any, context: HandlerContext) => {\n  const cssProperty = node.property.toLowerCase();\n  const valueText = context.sourceCode.getText(node.value);\n  \n  // Check custom mapping first\n  const customHook = getCustomMapping(cssProperty, valueText, context.options?.customMapping);\n  if (customHook) {\n    reportBoxShadowViolation(node, context, valueText, [customHook]);\n    return;\n  }\n\n  const shadowHooks = shadowValueToHookEntries(context.valueToStylinghook);\n  const parsedCssValue = toBoxShadowValue(valueText);\n  if (!parsedCssValue) {\n    return;\n  }\n\n  // Look for matching hooks in metadata\n  for (const [shadow, closestHooks] of shadowHooks) {\n    const parsedValueHook = toBoxShadowValue(shadow);\n    if (parsedValueHook && isBoxShadowMatch(parsedCssValue, parsedValueHook)) {\n      if (closestHooks.length > 0) {\n        reportBoxShadowViolation(node, context, valueText, closestHooks);\n      }\n      return;\n    }\n  }\n  \n  // If no hooks found, silently ignore - don't report any violations\n};\n\n\n/**\n * Create box-shadow replacement info for shorthand auto-fix\n * Only called when hooks are available (hooks.length > 0)\n * Returns replacement data or null if invalid position info\n */\nfunction createBoxShadowReplacement(\n  originalValue: string,\n  hooks: string[],\n  context: HandlerContext,\n  positionInfo: PositionInfo\n): ReplacementInfo | null {\n  if (!positionInfo?.start) {\n    return null;\n  }\n\n  // Use position information directly from CSS tree (already 0-based offsets)\n  const start = positionInfo.start.offset;\n  const end = positionInfo.end.offset;\n\n  if (hooks.length === 1) {\n    // Has a single hook replacement - should provide autofix\n    return {\n      start,\n      end,\n      replacement: `var(${hooks[0]}, ${originalValue})`,\n      displayValue: hooks[0],\n      hasHook: true\n    };\n  } else {\n    // Multiple hooks - still has hooks, but no auto-fix\n    return {\n      start,\n      end,\n      replacement: originalValue,\n      displayValue: formatSuggestionHooks(hooks),\n      hasHook: true\n    };\n  }\n}\n", "import { parse, walk, generate } from '@eslint/css-tree';\nimport { isValidColor } from './color-lib-utils';\nimport { parseUnitValue, type ParsedUnitValue } from './value-utils';\nimport { isCssColorFunction } from './css-functions';\n\nexport interface BoxShadowValue {\n  offsetX?: string;\n  offsetY?: string;\n  blurRadius?: string;\n  spreadRadius?: string;\n  color?: string;\n  inset?: boolean;\n}\n\ninterface ShadowParts {\n  lengthParts: string[];\n  colorParts: string[];\n  inset: boolean;\n}\n\n/**\n * Check if a CSS tree node represents a color value\n */\nfunction isColorValue(node: any): boolean {\n  if (!node) return false;\n  \n  switch (node.type) {\n    case 'Hash':\n      return true; // #hex colors\n    case 'Identifier':\n      return isValidColor(node.name);\n    case 'Function':\n      return isCssColorFunction(node.name.toLowerCase());\n    default:\n      return false;\n  }\n}\n\n/**\n * Check if a CSS tree node represents a length value\n */\nfunction isLengthValue(node: any): boolean {\n  if (!node) return false;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Use existing unit parsing to validate the unit\n      const dimensionStr = `${node.value}${node.unit}`;\n      return parseUnitValue(dimensionStr) !== null;\n    case 'Number':\n      // Zero values without units are valid lengths\n      return Number(node.value) === 0;\n    default:\n      return false;\n  }\n}\n\n/**\n * Check if a CSS tree node represents the 'inset' keyword\n */\nfunction isInsetKeyword(node: any): boolean {\n  return node?.type === 'Identifier' && node.name.toLowerCase() === 'inset';\n}\n\n/**\n * Extract shadow parts from CSS tree nodes\n */\nfunction extractShadowParts(valueText: string): ShadowParts[] {\n  const shadows: ShadowParts[] = [];\n  let currentShadow: ShadowParts = {\n    lengthParts: [],\n    colorParts: [],\n    inset: false\n  };\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nested function content for now\n        if (node.type === 'Function') {\n          return this.skip;\n        }\n        \n        if (isInsetKeyword(node)) {\n          currentShadow.inset = true;\n        } else if (isLengthValue(node)) {\n          currentShadow.lengthParts.push(generate(node));\n        } else if (isColorValue(node)) {\n          currentShadow.colorParts.push(generate(node));\n        }\n      }\n    });\n    \n    // Add the current shadow if it has any content\n    if (currentShadow.lengthParts.length > 0 || currentShadow.colorParts.length > 0 || currentShadow.inset) {\n      shadows.push(currentShadow);\n    }\n    \n  } catch (error) {\n    return [];\n  }\n\n  return shadows;\n}\n\n/**\n * Parse box-shadow value into structured format\n * Simplified version for ESLint v9 compatibility\n */\nexport function parseBoxShadowValue(value: string): BoxShadowValue[] {\n  // Handle multiple shadows separated by commas\n  const shadowStrings = value.split(',').map(s => s.trim());\n  const allShadows: BoxShadowValue[] = [];\n  \n  for (const shadowString of shadowStrings) {\n    const shadows = extractShadowParts(shadowString);\n    \n    const parsedShadows = shadows.map((shadow) => {\n      /**\n       * Box-shadow syntax:\n       * Two, three, or four <length> values:\n       * - offset-x offset-y [blur-radius] [spread-radius]\n       * Optionally: inset keyword and color value\n       */\n      const shadowValue: BoxShadowValue = {};\n      \n      // Map length parts to shadow properties\n      const lengthProps = ['offsetX', 'offsetY', 'blurRadius', 'spreadRadius'] as const;\n      lengthProps.forEach((prop, index) => {\n        if (shadow.lengthParts.length > index) {\n          shadowValue[prop] = shadow.lengthParts[index];\n        }\n      });\n      \n      // Add color if present\n      if (shadow.colorParts.length > 0) {\n        shadowValue.color = shadow.colorParts[0];\n      }\n      \n      // Add inset flag if present\n      if (shadow.inset) {\n        shadowValue.inset = true;\n      }\n      \n      return shadowValue;\n    });\n    \n    allShadows.push(...parsedShadows);\n  }\n  \n  return allShadows;\n}\n\n/**\n * Normalize length value for comparison\n */\nfunction normalizeLengthValue(value: string | undefined): string {\n  if (!value) return '0px';\n  if (value === '0') return '0px';\n  return value;\n}\n\n/**\n * Check if two parsed box-shadow values match\n */\nexport function isBoxShadowMatch(parsedCssValue: BoxShadowValue[], parsedValueHook: BoxShadowValue[]): boolean {\n  // If the number of shadows doesn't match, they're not equal\n  if (parsedCssValue.length !== parsedValueHook.length) {\n    return false;\n  }\n\n  // Compare each shadow in the array\n  for (let i = 0; i < parsedCssValue.length; i++) {\n    const cssShadow = parsedCssValue[i];\n    const hookShadow = parsedValueHook[i];\n\n    // Compare color and inset properties\n    if (cssShadow.color !== hookShadow.color || cssShadow.inset !== hookShadow.inset) {\n      return false;\n    }\n\n    // Compare length properties\n    const lengthProps = ['offsetX', 'offsetY', 'blurRadius', 'spreadRadius'] as const;\n    for (const prop of lengthProps) {\n      if (normalizeLengthValue(cssShadow[prop]) !== normalizeLengthValue(hookShadow[prop])) {\n        return false;\n      }\n    }\n  }\n\n  return true;\n}\n", "import { ValueToStylingHooksMapping, ValueToStylingHookEntry } from '@salesforce-ux/sds-metadata/next';\nimport chroma from 'chroma-js';\nimport { generate } from '@eslint/css-tree';\nimport { isCssColorFunction } from './css-functions';\n\n/**\n * Perceptual color difference threshold (Delta E, CIEDE2000 via chroma.deltaE).\n * Lower values are stricter matches. Used to decide which hooks are \"close enough\".\n */\nconst DELTAE_THRESHOLD = 10;\n\n/**\n * Convert any valid CSS color (named, hex, rgb(a), hsl(a), etc.) to hex.\n * Returns null if the value is not a valid color.\n */\nconst convertToHex = (color: string): string | null => {\n  try {\n    // Try converting the color using chroma-js, which handles both named and hex colors\n    return chroma(color).hex();\n  } catch (e) {\n    // If chroma can't process the color, it's likely invalid\n    return null;\n  }\n};\n\nconst isHookPropertyMatch = (hook: ValueToStylingHookEntry, cssProperty: string): boolean => {\n  return hook.properties.includes(cssProperty) || hook.properties.includes(\"*\");\n}\n\nfunction getOrderByCssProp(cssProperty: string): string[] {\n  if(cssProperty === 'color' || cssProperty === 'fill') {\n      return [\"surface\", \"theme\",  \"feedback\", \"reference\"];\n  } else if(cssProperty.match(/background/)){\n     return [\"surface\", \"surface-inverse\", \"theme\",  \"feedback\", \"reference\"];\n  } else if(cssProperty.match(/border/) || cssProperty.match(/outline/) || cssProperty.match(/stroke/)) {\n      return [\"borders\", \"borders-inverse\", \"feedback\", \"theme\", \"reference\"];\n  }\n  return [\"surface\", \"surface-inverse\", \"borders\", \"borders-inverse\", \"theme\",  \"feedback\", \"reference\"];\n}\n\n\n/**\n * Given an input color and the metadata mapping of supported colors to hooks,\n * suggest up to 5 styling hook names ordered by:\n * 1) Category priority: semantic -> system -> palette\n * 2) Perceptual distance (Delta E)\n * Also prioritizes exact color matches (distance 0).\n */\nconst findClosestColorHook = (\n  color: string,\n  supportedColors:ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] => {\n  const closestHooks: Array<{distance: number, group: string, name: string}> = [];\n  Object.entries(supportedColors).forEach(([sldsValue, data]) => {\n    if (sldsValue && isValidColor(sldsValue)) {\n      const hooks = data as ValueToStylingHookEntry[]; // Get the hooks for the sldsValue\n\n      hooks.forEach((hook) => {\n        // Exact match shortcut to avoid floating rounding noise\n        const distance = (sldsValue.toLowerCase() === color.toLowerCase())\n          ? 0\n          : chroma.deltaE(sldsValue, color);\n          \n        // Check if the hook has the same property or universal selector\n        if (isHookPropertyMatch(hook, cssProperty) && distance <= DELTAE_THRESHOLD) {\n          // Add to same property hooks if within threshold\n          closestHooks.push({ distance, group: hook.group, name: hook.name });\n        }\n      });\n    }\n  });\n\n  const hooksByGroupMap:Record<string, string[]> = closestHooks.sort((a, b) => a.distance - b.distance).reduce((acc, hook) => {\n    if (!acc[hook.group]) {\n      acc[hook.group] = [];\n    }\n    acc[hook.group].push(hook.name);\n    return acc;\n  }, {});\n\n  return getOrderByCssProp(cssProperty)\n    .map(group => hooksByGroupMap[group]||[])\n    .flat().slice(0, 5);\n};\n\n/**\n * Check if a value is any valid CSS color string (delegates to chroma-js).\n */\nconst isValidColor = (val:string):boolean => chroma.valid(val);\n\n/**\n * Extract a color string from a CSS AST node produced by @eslint/css-tree.\n * Supports Hash (#rrggbb), Identifier (named colors), and color Function nodes.\n * Returns null if the extracted value is not a valid color.\n */\nconst extractColorValue = (node: any): string | null => {\n  let colorValue: string | null = null;\n  \n  switch (node.type) {\n    case 'Hash':\n      colorValue = `#${node.value}`;\n      break;\n    case 'Identifier':\n      colorValue = node.name;\n      break;\n    case 'Function':\n      // Only extract color functions\n      if (isCssColorFunction(node.name)) {\n        colorValue = generate(node);\n      }\n      break;\n  }\n  \n  return colorValue && isValidColor(colorValue) ? colorValue : null;\n};\n\nexport { findClosestColorHook, convertToHex, isValidColor, extractColorValue };\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/css-functions.ts\n/**\n * Complete list of CSS functions that should be preserved/recognized\n */\nconst CSS_FUNCTIONS = [\n    'attr',\n    'calc',\n    'color-mix',\n    'conic-gradient',\n    'counter',\n    'cubic-bezier',\n    'linear-gradient',\n    'max',\n    'min',\n    'radial-gradient',\n    'repeating-conic-gradient',\n    'repeating-linear-gradient',\n    'repeating-radial-gradient',\n    'var'\n  ];\n  \n  \n  const CSS_MATH_FUNCTIONS = ['calc', 'min', 'max'];\n  \n  \n  const RGB_COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla'];\n  \n  /**\n   * Regex for matching any CSS function (for general detection)\n   * Matches function names within other text\n   */\n  const cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join('|')})`);\n  \n  \n  const cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join('|')})$`);\n  \n  \n  const cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join('|')})$`);\n  \n  export function containsCssFunction(value: string): boolean {\n    return cssFunctionsRegex.test(value);\n  }\n  \n  /**\n   * Check if a value is exactly a CSS function name\n   */\n  export function isCssFunction(value: string): boolean {\n    return cssFunctionsExactRegex.test(value);\n  }\n  \n  export function isCssMathFunction(value: string): boolean {\n    return cssMathFunctionsRegex.test(value);\n  }\n  \n  export function isCssColorFunction(value: string): boolean {\n    return RGB_COLOR_FUNCTIONS.includes(value);\n  }", "// Simplified value parsing\n\n/**\n * Checks if a value is a CSS global value.\n *\n * CSS global values are special keywords that can be used for any CSS property and have a universal meaning:\n * - initial: Resets the property to its initial value as defined by the CSS specification.\n * - inherit: Inherits the value from the parent element.\n * - unset: Acts as inherit if the property is inheritable, otherwise acts as initial.\n * - revert: Rolls back the property to the value established by the user-agent or user styles.\n * - revert-layer: Rolls back the property to the value established by the previous cascade layer.\n *\n * All CSS properties accept these global values, including but not limited to:\n *   - color\n *   - background\n *   - font-size\n *   - margin\n *   - padding\n *   - border\n *   - display\n *   - position\n *   - z-index\n *   - and many more\n *\n * These values are part of the CSS standard and are not considered violations, even if a rule would otherwise flag a value as invalid or non-design-token. They are always allowed for any property.\n *\n * @param value The CSS value to check.\n * @returns True if the value is a CSS global value, false otherwise.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/initial\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/inherit\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/unset\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert-layer\n */\nexport function isGlobalValue(value: string): boolean {\n    return value === 'initial' || value === 'inherit' || value === 'unset' || value === 'revert' || value === 'revert-layer';\n  }\n\n// Configurable list of allowed CSS units\nexport const ALLOWED_UNITS = ['px', 'em', 'rem', '%', 'ch'];\n\nexport type ParsedUnitValue = {\n  unit: 'px' | 'rem' | '%' | 'em' | 'ch' | null;\n  number: number;\n} | null;\n\nexport function parseUnitValue(value: string): ParsedUnitValue {\n  if (!value) return null;\n  \n  // Create regex pattern from allowed units\n  const unitsPattern = ALLOWED_UNITS.join('|');\n  const regex = new RegExp(`^(-?\\\\d*\\\\.?\\\\d+)(${unitsPattern})?$`);\n  const match = value.match(regex);\n  if (!match) return null;\n  \n  const number = parseFloat(match[1]);\n  const unit = match[2] ? (match[2] as 'px' | 'rem' | '%' | 'em' | 'ch') : null; // Keep unitless values as null\n  \n  if (isNaN(number)) return null;\n  \n  return { number, unit };\n}\n\nexport function toAlternateUnitValue(numberVal: number, unitType: 'px' | 'rem' | '%' | 'em' | 'ch' | null): ParsedUnitValue {\n    if (unitType === 'px') {\n      let floatValue = parseFloat(`${numberVal / 16}`);\n      if (!isNaN(floatValue)) {\n        return {\n          unit: 'rem',\n          number: parseFloat(floatValue.toFixed(4))\n        }\n      }\n    } else if (unitType === 'rem') {\n      const intValue = parseInt(`${numberVal * 16}`);\n      if (!isNaN(intValue)) {\n        return {\n          unit: 'px',\n          number: intValue\n        }\n      }\n    }\n    // For other units (%, em, ch) and unitless values, no alternate unit conversion available\n    // These units are context-dependent and don't have standard conversion ratios\n    return null;\n}", "import { parse, walk } from '@eslint/css-tree';\nimport type { HandlerContext } from '../types';\nimport type { ParsedUnitValue } from './value-utils';\nimport { ALLOWED_UNITS } from './value-utils';\nimport { extractColorValue } from './color-lib-utils';\nimport { isCssFunction } from './css-functions';\n\n/**\n * Common replacement data structure used by both color and density handlers\n */\nexport interface ReplacementInfo {\n  start: number;\n  end: number;\n  replacement: string;        // Full CSS var: var(--hook, fallback)\n  displayValue: string;       // Just the hook: --hook\n  hasHook: boolean;\n  isNumeric?: boolean;        // Whether this is a numeric (dimension) value\n}\n\n/**\n * Position information from CSS tree parsing\n */\nexport interface PositionInfo {\n  start?: { offset: number; line: number; column: number };\n  end?: { offset: number; line: number; column: number };\n}\n\n/**\n * Generic callback for processing values with position information\n */\nexport type ValueCallback<T> = (value: T, positionInfo?: PositionInfo) => void;\n\n/**\n * Known valid font-weight values\n */\nconst FONT_WEIGHTS = [\n  'normal',\n  'bold', \n  'bolder',\n  'lighter',\n  '100',\n  '200', \n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900'\n];\n\n/**\n * Check if a value is a known font-weight\n */\nexport function isKnownFontWeight(value: string | number): boolean {\n  const stringValue = value.toString();\n  return FONT_WEIGHTS.includes(stringValue.toLowerCase());\n}\n\n/**\n * Generic shorthand auto-fix handler\n * Handles the common logic for reconstructing shorthand values with replacements\n */\nexport function handleShorthandAutoFix(\n  declarationNode: any,\n  context: HandlerContext,\n  valueText: string,\n  replacements: ReplacementInfo[]\n) {\n  if(!replacements || replacements.length === 0){\n    return;\n  }\n  // Sort replacements by position for proper reconstruction\n  const sortedReplacements = replacements.sort((a,b)=> b.start-a.start);\n\n  // Get rule options\n  const reportNumericValue = context.options?.reportNumericValue || 'always';\n\n  const fixCallback = (start:number, originalValue:string, replacement:string) => {\n      // Reconstruct the entire value with all replacements\n      let newValue = valueText;\n\n      newValue = newValue.substring(0, start) + replacement + newValue.substring(start+originalValue.length);\n\n      if(newValue !== valueText){\n        return (fixer:any)=>{\n          return fixer.replaceText(declarationNode.value, newValue);\n        }\n      }\n    }\n\n  // Report each individual value\n  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook, isNumeric }) => {\n    const originalValue = valueText.substring(start, end);\n    \n    // Check if we should skip reporting based on reportNumericValue option\n    if (isNumeric) {\n      if (reportNumericValue === 'never') {\n        return; // Skip reporting numeric values\n      }\n      if (reportNumericValue === 'hasReplacement' && !hasHook) {\n        return; // Skip reporting numeric values without replacements\n      }\n    }\n    \n    \n    const valueColumnStart = declarationNode.value.loc.start.column + start;\n    const valueColumnEnd = valueColumnStart + originalValue.length;\n    const canAutoFix = originalValue !== replacement;\n    \n    // Create precise error location for this value\n    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;\n    const reportNode = {\n      ...declarationNode.value,\n      loc: {\n        ...declarationNode.value.loc,\n        start: {\n          ...locStart,\n          column: valueColumnStart\n        },\n        end: {\n          ...locEnd,\n          column: valueColumnEnd\n        }\n      }\n    };\n\n    if (hasHook) {\n      // Create auto-fix for the entire shorthand value\n      const fix = canAutoFix ? fixCallback(start, originalValue, replacement) : undefined;\n\n      context.context.report({\n        node: reportNode,\n        messageId: 'hardcodedValue',\n        data: {\n          oldValue: originalValue,\n          newValue: displayValue\n        },\n        fix\n      });\n    } else {\n      // No hook available\n      context.context.report({\n        node: reportNode,\n        messageId: 'noReplacement',\n        data: {\n          oldValue: originalValue\n        }\n      });\n    }\n  });\n}\n\n/**\n * Generic CSS tree traversal with position tracking\n * Always provides position information since both handlers need it\n */\nexport function forEachValue<T>(\n  valueText: string,\n  extractValue: (node: any) => T | null,\n  shouldSkipNode: (node: any) => boolean,\n  callback: (value: T, positionInfo: PositionInfo) => void\n): void {\n  if (!valueText || typeof valueText !== 'string') {\n    return;\n  }\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const, positions: true });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nodes efficiently using this.skip\n        if (shouldSkipNode(node)) {\n          return this.skip;\n        }\n        \n        const value = extractValue(node);\n        if (value !== null) {\n          const positionInfo: PositionInfo = {\n            start: node.loc?.start,\n            end: node.loc?.end\n          };\n          callback(value, positionInfo);\n        }\n      }\n    });\n  } catch (error) {\n    // Silently handle parse errors\n    return;\n  }\n}\n\n/**\n * Check if color node should be skipped during traversal\n */\nfunction shouldSkipColorNode(node: any): boolean {\n  return node.type === 'Function' && isCssFunction(node.name);\n}\n\n/**\n * Check if dimension node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipDimensionNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Extract dimension value from CSS AST node\n * Returns structured data with number and unit to eliminate regex parsing\n */\nfunction extractDimensionValue(valueNode: any, cssProperty?: string): ParsedUnitValue | null {\n  if (!valueNode) return null;\n  \n  switch (valueNode.type) {\n    case 'Dimension':\n      // Dimensions: 16px, 1rem -> extract value and unit directly from AST\n      const numValue = Number(valueNode.value);\n      if (numValue === 0) return null; // Skip zero values\n      \n      const unit = valueNode.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null; // Support only allowed units\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Numbers: 400, 1.5 -> treat as unitless (font-weight, line-height, etc.)\n      const numberValue = Number(valueNode.value);\n      if (numberValue === 0) return null; // Skip zero values\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Percentage':\n      // Percentage values: 100%, 50% -> extract value and add % unit\n      const percentValue = Number(valueNode.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Specialized color value traversal\n * Handles color-specific extraction and skipping logic\n */\nexport function forEachColorValue(\n  valueText: string,\n  callback: (colorValue: string, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);\n}\n\n/**\n * Specialized density value traversal\n * Handles dimension-specific extraction and skipping logic\n */\nexport function forEachDensityValue(\n  valueText: string,\n  cssProperty: string,\n  callback: (parsedDimension: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(\n    valueText, \n    (node) => extractDimensionValue(node, cssProperty), \n    shouldSkipDimensionNode, \n    callback\n  );\n}\n\n/**\n * Extract font-related values from CSS AST node\n * Handles font-size and font-weight values\n */\nfunction extractFontValue(node: any): ParsedUnitValue | null {\n  if (!node) return null;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Font-size: 16px, 1rem, etc.\n      const numValue = Number(node.value);\n      if (numValue <= 0) return null; // Skip zero/negative values\n      \n      const unit = node.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null;\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Font-weight: 400, 700, etc.\n      const numberValue = Number(node.value);\n      if (numberValue <= 0) {\n        return null; // Skip zero/negative values\n      }\n      \n      // Only accept known font-weight values for unitless numbers\n      if (!isKnownFontWeight(numberValue)) {\n        return null; // Skip values that aren't valid font-weights\n      }\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Identifier':\n      // Font-weight keywords: normal, bold, etc.\n      const namedValue = node.name.toLowerCase();\n      \n      // Only accept known font-weight keywords\n      if (!isKnownFontWeight(namedValue)) {\n        return null;\n      }\n      \n      // Convert known keywords to numeric values\n      if (namedValue === 'normal') {\n        return { number: 400, unit: null };\n      }\n      \n      // For other keywords (bolder, lighter), we can't determine exact numeric value\n      // but we know they're valid font-weight values\n      return { number: namedValue, unit: null };\n      \n    case 'Percentage':\n      // Percentage values for font-size\n      const percentValue = Number(node.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return node.children?.[0] ? extractFontValue(node.children[0]) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Check if font node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipFontNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Specialized font value traversal\n * Handles font-specific extraction and skipping logic\n */\nexport function forEachFontValue(\n  valueText: string,\n  callback: (fontValue: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);\n}\n", "import { \n  forEachValue, \n  type PositionInfo \n} from './hardcoded-shared-utils';\n\n/**\n * Check if a CSS property should be targeted for linting based on prefixes or explicit targets\n * @param property - The CSS property name to check\n * @param propertyTargets - Array of specific properties to target (empty means target all)\n * @returns true if the property should be targeted\n */\nexport function isTargetProperty(property: string, propertyTargets: string[] = []): boolean {\n  if (typeof property !== 'string') return false;\n  return property.startsWith('--sds-')\n    || property.startsWith('--slds-')\n    || property.startsWith('--lwc-')\n    || propertyTargets.length === 0\n    || propertyTargets.includes(property);\n}\n\n/**\n * CSS Variable information for SLDS variable detection\n */\nexport interface CssVariableInfo {\n  name: string;           // Variable name: --slds-g-color-surface-1\n  hasFallback: boolean;   // Whether var() already has a fallback\n}\n\n/**\n * Generic CSS variable extractor that can be customized for different use cases\n * @param node - AST node to extract from\n * @param filter - Function to validate and extract variable information\n * @returns Extracted variable info or null\n */\nfunction extractCssVariable<T>(\n  node: any,\n  filter: (variableName: string, childrenArray: any[]) => T | null\n): T | null {\n  if (!node || node.type !== 'Function' || node.name !== 'var') {\n    return null;\n  }\n\n  if (!node.children) {\n    return null;\n  }\n\n  // Convert children to array and get the first child (variable name)\n  const childrenArray = Array.from(node.children);\n  if (childrenArray.length === 0) {\n    return null;\n  }\n  \n  const firstChild = childrenArray[0] as any;\n  if (!firstChild || firstChild.type !== 'Identifier') {\n    return null;\n  }\n\n  const variableName = firstChild.name;\n  if (!variableName) {\n    return null;\n  }\n\n  return filter(variableName, childrenArray);\n}\n\n/**\n * Specialized CSS variable traversal for SLDS variables\n * Finds var(--slds-*) functions and reports their fallback status\n */\nexport function forEachSldsVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  const extractor = (node: any) => extractCssVariable(node, (variableName, childrenArray) => {\n    if (!variableName.startsWith('--slds-')) {\n      return null;\n    }\n\n    // Check if there's a fallback (comma separator)\n    const hasFallback = childrenArray.some((child: any) => \n      child.type === 'Operator' && child.value === ','\n    );\n\n    return { name: variableName, hasFallback };\n  });\n\n  forEachValue(valueText, extractor, () => false, callback);\n}\n\n/**\n * Specialized CSS variable traversal for SLDS/SDS namespace detection\n * Finds var(--slds-*) or var(--sds-*) functions in CSS values\n * Note: hasFallback is set to false as it's unused for namespace validation\n */\nexport function forEachNamespacedVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  const extractor = (node: any) => extractCssVariable(node, (variableName) => {\n    // Check for SLDS or SDS namespace\n    if (variableName.startsWith('--slds-') || variableName.startsWith('--sds-')) {\n      return { name: variableName, hasFallback: false }; // hasFallback unused, but required by interface\n    }\n    return null;\n  });\n\n  forEachValue(valueText, extractor, () => false, callback);\n}\n\n/**\n * Specialized CSS variable traversal for LWC variables\n * Finds var(--lwc-*) functions in CSS values and reports their fallback status\n */\nexport function forEachLwcVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  const extractor = (node: any) => extractCssVariable(node, (variableName, childrenArray) => {\n    if (!variableName.startsWith('--lwc-')) {\n      return null;\n    }\n\n    // Check if there's a fallback (comma separator)\n    const hasFallback = childrenArray.some((child: any) => \n      child.type === 'Operator' && child.value === ','\n    );\n\n    return { name: variableName, hasFallback };\n  });\n\n  forEachValue(valueText, extractor, () => false, callback);\n}\n\n/**\n * Format multiple hook suggestions for better readability\n * @param hooks - Array of hook names to format\n * @returns Formatted string with hooks\n */\nexport function formatSuggestionHooks(hooks: string[]): string {\n  if (hooks.length === 1) {\n    return `${hooks[0]}`;\n  }\n\n  // Loop through hooks and append each as a numbered list item with line breaks\n  return '\\n' + hooks.map((hook, index) => `${index + 1}. ${hook}`).join('\\n');\n}", "import type { CustomHookMapping } from '../types';\n\n/**\n * Check if a CSS property matches a pattern (supports wildcards)\n * @param cssProperty - The CSS property to check (e.g., \"background-color\")\n * @param pattern - The pattern to match against (e.g., \"background*\" or \"color\")\n * @returns true if the property matches the pattern\n */\nfunction matchesPropertyPattern(cssProperty: string, pattern: string): boolean {\n  const normalizedProperty = cssProperty.toLowerCase();\n  const normalizedPattern = pattern.toLowerCase();\n\n  // Exact match\n  if (normalizedProperty === normalizedPattern) {\n    return true;\n  }\n\n  // Wildcard match (e.g., \"background*\" matches \"background-color\", \"background-image\")\n  if (normalizedPattern.endsWith('*')) {\n    const prefix = normalizedPattern.slice(0, -1);\n    return normalizedProperty.startsWith(prefix);\n  }\n\n  return false;\n}\n\n/**\n * Get custom hook mapping for a given CSS property and value\n * @param cssProperty - The CSS property (e.g., \"background-color\", \"color\")\n * @param value - The hardcoded value (e.g., \"#fff\", \"16px\")\n * @param customMapping - The custom mapping configuration from rule options\n * @returns The hook name if a mapping is found, null otherwise\n */\nexport function getCustomMapping(\n  cssProperty: string,\n  value: string,\n  customMapping?: CustomHookMapping\n): string | null {\n  if (!customMapping) {\n    return null;\n  }\n\n  const normalizedValue = value.toLowerCase().trim();\n\n  // Iterate through all hook mappings\n  for (const [hookName, config] of Object.entries(customMapping)) {\n    // Check if any property pattern matches\n    const propertyMatches = config.properties.some((pattern) =>\n      matchesPropertyPattern(cssProperty, pattern)\n    );\n\n    if (!propertyMatches) {\n      continue;\n    }\n\n    // Check if the value matches any configured value\n    const valueMatches = config.values.some(\n      (configValue) => configValue.toLowerCase().trim() === normalizedValue\n    );\n\n    if (valueMatches) {\n      return hookName;\n    }\n  }\n\n  return null;\n}\n"],
+  "mappings": "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",
   "names": ["import_css_tree", "chroma", "import_css_tree"]
 }

package/build/rules/v9/no-hardcoded-values/handlers/colorHandler.js

@@ -67,11 +67,7 @@ function isCssColorFunction(value) {
 }
 
 // src/utils/color-lib-utils.ts
-var LAB_THRESHOLD = 25;
-var isHexCode = (color) => {
-  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/;
-  return hexPattern.test(color);
-};
+var DELTAE_THRESHOLD = 10;
 var convertToHex = (color) => {
   try {
     return (0, import_chroma_js.default)(color).hex();
@@ -79,52 +75,40 @@ var convertToHex = (color) => {
     return null;
   }
 };
+var isHookPropertyMatch = (hook, cssProperty) => {
+  return hook.properties.includes(cssProperty) || hook.properties.includes("*");
+};
+function getOrderByCssProp(cssProperty) {
+  if (cssProperty === "color" || cssProperty === "fill") {
+    return ["surface", "theme", "feedback", "reference"];
+  } else if (cssProperty.match(/background/)) {
+    return ["surface", "surface-inverse", "theme", "feedback", "reference"];
+  } else if (cssProperty.match(/border/) || cssProperty.match(/outline/) || cssProperty.match(/stroke/)) {
+    return ["borders", "borders-inverse", "feedback", "theme", "reference"];
+  }
+  return ["surface", "surface-inverse", "borders", "borders-inverse", "theme", "feedback", "reference"];
+}
 var findClosestColorHook = (color, supportedColors, cssProperty) => {
-  const returnStylingHooks = [];
-  const closestHooksWithSameProperty = [];
-  const closestHooksWithoutSameProperty = [];
-  const closestHooksWithAllProperty = [];
-  const labColor = (0, import_chroma_js.default)(color).lab();
+  const closestHooks = [];
   Object.entries(supportedColors).forEach(([sldsValue, data]) => {
-    if (sldsValue && isHexCode(sldsValue)) {
+    if (sldsValue && isValidColor(sldsValue)) {
       const hooks = data;
       hooks.forEach((hook) => {
-        const labSupportedColor = (0, import_chroma_js.default)(sldsValue).lab();
-        const distance = JSON.stringify(labColor) === JSON.stringify(labSupportedColor) ? 0 : import_chroma_js.default.distance(import_chroma_js.default.lab(...labColor), import_chroma_js.default.lab(...labSupportedColor), "lab");
-        if (hook.properties.includes(cssProperty)) {
-          if (distance <= LAB_THRESHOLD) {
-            closestHooksWithSameProperty.push({ name: hook.name, distance });
-          }
-        } else if (hook.properties.includes("*")) {
-          if (distance <= LAB_THRESHOLD) {
-            closestHooksWithAllProperty.push({ name: hook.name, distance });
-          }
-        } else {
-          if (distance <= LAB_THRESHOLD) {
-            closestHooksWithoutSameProperty.push({ name: hook.name, distance });
-          }
+        const distance = sldsValue.toLowerCase() === color.toLowerCase() ? 0 : import_chroma_js.default.deltaE(sldsValue, color);
+        if (isHookPropertyMatch(hook, cssProperty) && distance <= DELTAE_THRESHOLD) {
+          closestHooks.push({ distance, group: hook.group, name: hook.name });
         }
       });
     }
   });
-  const closesthookGroups = [
-    { hooks: closestHooksWithSameProperty, distance: 0 },
-    { hooks: closestHooksWithAllProperty, distance: 0 },
-    { hooks: closestHooksWithSameProperty, distance: Infinity },
-    // For hooks with distance > 0
-    { hooks: closestHooksWithAllProperty, distance: Infinity },
-    { hooks: closestHooksWithoutSameProperty, distance: Infinity }
-  ];
-  for (const group of closesthookGroups) {
-    const filteredHooks = group.hooks.filter(
-      (h) => group.distance === 0 ? h.distance === 0 : h.distance > 0
-    );
-    if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {
-      filteredHooks.sort((a, b) => a.distance - b.distance);
-      returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));
+  const hooksByGroupMap = closestHooks.sort((a, b) => a.distance - b.distance).reduce((acc, hook) => {
+    if (!acc[hook.group]) {
+      acc[hook.group] = [];
     }
-  }
-  return Array.from(new Set(returnStylingHooks));
+    acc[hook.group].push(hook.name);
+    return acc;
+  }, {});
+  return getOrderByCssProp(cssProperty).map((group) => hooksByGroupMap[group] || []).flat().slice(0, 5);
 };
 var isValidColor = (val) => import_chroma_js.default.valid(val);
 var extractColorValue = (node) => {
@@ -158,41 +142,13 @@ var INSET_REGEX = new RegExp(`^inset(?:-${INSET_VALUES})?$`);
 function isBorderColorProperty(cssProperty) {
   return BORDER_COLOR_REGEX.test(cssProperty);
 }
-function isBorderWidthProperty(cssProperty) {
-  return BORDER_WIDTH_REGEX.test(cssProperty);
-}
-function isMarginProperty(cssProperty) {
-  return MARGIN_REGEX.test(cssProperty);
-}
-function isPaddingProperty(cssProperty) {
-  return PADDING_REGEX.test(cssProperty);
-}
-function isBorderRadius(cssProperty) {
-  return BORDER_RADIUS_REGEX.test(cssProperty);
-}
-function isDimensionProperty(cssProperty) {
-  return ["width", "height", "min-width", "max-width", "min-height", "max-height"].includes(cssProperty);
-}
-function isInsetProperty(cssProperty) {
-  return INSET_REGEX.test(cssProperty);
-}
-function resolvePropertyToMatch(cssProperty) {
+function resolveColorPropertyToMatch(cssProperty) {
   const propertyToMatch = cssProperty.toLowerCase();
-  if (propertyToMatch === "outline" || propertyToMatch === "outline-width" || isBorderWidthProperty(propertyToMatch)) {
-    return "border-width";
-  } else if (isMarginProperty(propertyToMatch)) {
-    return "margin";
-  } else if (isPaddingProperty(propertyToMatch)) {
-    return "padding";
-  } else if (isBorderRadius(propertyToMatch)) {
-    return "border-radius";
-  } else if (isDimensionProperty(propertyToMatch)) {
-    return "width";
-  } else if (isInsetProperty(propertyToMatch)) {
-    return "top";
-  } else if (cssProperty === "background" || cssProperty === "background-color") {
+  if (propertyToMatch === "outline" || propertyToMatch === "outline-color") {
+    return "border-color";
+  } else if (propertyToMatch === "background" || propertyToMatch === "background-color") {
     return "background-color";
-  } else if (cssProperty === "outline" || cssProperty === "outline-color" || isBorderColorProperty(cssProperty)) {
+  } else if (isBorderColorProperty(propertyToMatch)) {
     return "border-color";
   }
   return propertyToMatch;
@@ -201,13 +157,33 @@ function resolvePropertyToMatch(cssProperty) {
 // src/utils/hardcoded-shared-utils.ts
 var import_css_tree2 = require("@eslint/css-tree");
 function handleShorthandAutoFix(declarationNode, context, valueText, replacements) {
-  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);
-  const hasAnyHooks = sortedReplacements.some((r) => r.hasHook);
-  const canAutoFix = hasAnyHooks;
-  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {
+  if (!replacements || replacements.length === 0) {
+    return;
+  }
+  const sortedReplacements = replacements.sort((a, b) => b.start - a.start);
+  const reportNumericValue = context.options?.reportNumericValue || "always";
+  const fixCallback = (start, originalValue, replacement) => {
+    let newValue = valueText;
+    newValue = newValue.substring(0, start) + replacement + newValue.substring(start + originalValue.length);
+    if (newValue !== valueText) {
+      return (fixer) => {
+        return fixer.replaceText(declarationNode.value, newValue);
+      };
+    }
+  };
+  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook, isNumeric }) => {
     const originalValue = valueText.substring(start, end);
-    const valueStartColumn = declarationNode.value.loc.start.column;
-    const valueColumn = valueStartColumn + start;
+    if (isNumeric) {
+      if (reportNumericValue === "never") {
+        return;
+      }
+      if (reportNumericValue === "hasReplacement" && !hasHook) {
+        return;
+      }
+    }
+    const valueColumnStart = declarationNode.value.loc.start.column + start;
+    const valueColumnEnd = valueColumnStart + originalValue.length;
+    const canAutoFix = originalValue !== replacement;
     const { loc: { start: locStart, end: locEnd } } = declarationNode.value;
     const reportNode = {
       ...declarationNode.value,
@@ -215,23 +191,16 @@ function handleShorthandAutoFix(declarationNode, context, valueText, replacement
         ...declarationNode.value.loc,
         start: {
           ...locStart,
-          column: valueColumn
+          column: valueColumnStart
         },
         end: {
           ...locEnd,
-          column: valueColumn + originalValue.length
+          column: valueColumnEnd
         }
       }
     };
     if (hasHook) {
-      const fix = canAutoFix ? (fixer) => {
-        let newValue = valueText;
-        for (let i = sortedReplacements.length - 1; i >= 0; i--) {
-          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];
-          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);
-        }
-        return fixer.replaceText(declarationNode.value, newValue);
-      } : void 0;
+      const fix = canAutoFix ? fixCallback(start, originalValue, replacement) : void 0;
       context.context.report({
         node: reportNode,
         messageId: "hardcodedValue",
@@ -292,6 +261,41 @@ function formatSuggestionHooks(hooks) {
   return "\n" + hooks.map((hook, index) => `${index + 1}. ${hook}`).join("\n");
 }
 
+// src/utils/custom-mapping-utils.ts
+function matchesPropertyPattern(cssProperty, pattern) {
+  const normalizedProperty = cssProperty.toLowerCase();
+  const normalizedPattern = pattern.toLowerCase();
+  if (normalizedProperty === normalizedPattern) {
+    return true;
+  }
+  if (normalizedPattern.endsWith("*")) {
+    const prefix = normalizedPattern.slice(0, -1);
+    return normalizedProperty.startsWith(prefix);
+  }
+  return false;
+}
+function getCustomMapping(cssProperty, value, customMapping) {
+  if (!customMapping) {
+    return null;
+  }
+  const normalizedValue = value.toLowerCase().trim();
+  for (const [hookName, config] of Object.entries(customMapping)) {
+    const propertyMatches = config.properties.some(
+      (pattern) => matchesPropertyPattern(cssProperty, pattern)
+    );
+    if (!propertyMatches) {
+      continue;
+    }
+    const valueMatches = config.values.some(
+      (configValue) => configValue.toLowerCase().trim() === normalizedValue
+    );
+    if (valueMatches) {
+      return hookName;
+    }
+  }
+  return null;
+}
+
 // src/rules/v9/no-hardcoded-values/handlers/colorHandler.ts
 var handleColorDeclaration = (node, context) => {
   const cssProperty = node.property.toLowerCase();
@@ -315,24 +319,32 @@ function createColorReplacement(colorValue, cssProperty, context, positionInfo,
   if (!hexValue) {
     return null;
   }
-  const propToMatch = resolvePropertyToMatch(cssProperty);
-  const closestHooks = findClosestColorHook(hexValue, context.valueToStylinghook, propToMatch);
   const start = positionInfo.start.offset;
   const end = positionInfo.end.offset;
   const originalValue = originalValueText ? originalValueText.substring(start, end) : colorValue;
-  if (closestHooks.length === 1) {
-    return {
-      start,
-      end,
-      replacement: `var(${closestHooks[0]}, ${colorValue})`,
-      displayValue: closestHooks[0],
-      hasHook: true
-    };
-  } else if (closestHooks.length > 1) {
+  const customHook = getCustomMapping(cssProperty, colorValue, context.options?.customMapping);
+  let closestHooks = [];
+  if (customHook) {
+    closestHooks = [customHook];
+  } else {
+    const propToMatch = resolveColorPropertyToMatch(cssProperty);
+    closestHooks = findClosestColorHook(hexValue, context.valueToStylinghook, propToMatch);
+  }
+  let replacement = originalValue;
+  let paletteHook = null;
+  if (context.options?.preferPaletteHook && closestHooks.length > 1) {
+    paletteHook = closestHooks.filter((hook) => hook.includes("-palette-"))[0];
+  }
+  if (paletteHook) {
+    replacement = `var(${paletteHook}, ${colorValue})`;
+  } else if (closestHooks.length === 1) {
+    replacement = `var(${closestHooks[0]}, ${colorValue})`;
+  }
+  if (closestHooks.length > 0) {
     return {
       start,
       end,
-      replacement: originalValue,
+      replacement,
       // Use original value to preserve spacing
       displayValue: formatSuggestionHooks(closestHooks),
       hasHook: true
@@ -341,7 +353,7 @@ function createColorReplacement(colorValue, cssProperty, context, positionInfo,
     return {
       start,
       end,
-      replacement: originalValue,
+      replacement,
       // Use original value to preserve spacing
       displayValue: originalValue,
       hasHook: false