Function scopeGeneratedThemeStateClasses

packages/cli/src/theme.ts:512–564

(themeFile: string)

}

function scopeGeneratedThemeStateClasses(themeFile: string): string {
  if (
    !themeFile.includes('return classes[memoKey] ?? { [semanticKey]: true }') ||
    // Both anchors must exist — rewriting the call site without injecting the
    // helper would emit a theme that throws ReferenceError on every lookup.
    !themeFile.includes('\n/**\n * These classes have already been merged') ||
    themeFile.includes('function stateScopedClasses')
  ) {
    return themeFile
  }
  const isTS = themeFile.includes("import type { FormKitNode }")
  const helper = `function stateScopedClasses (node${
    isTS ? ': FormKitNode' : ''
  }, sectionClasses${
    isTS ? ': Record<string, boolean>' : ''
  })${isTS ? ': Record<string, boolean>' : ''} {
  const invalid = node.context?.state.invalid
  const errors = node.context?.state.errors
  const shouldFilterInvalid = invalid === false
  const shouldFilterErrors = errors === false
  if (!shouldFilterInvalid && !shouldFilterErrors) return sectionClasses
  const filteredClasses = { ...sectionClasses }
  for (const className of Object.keys(filteredClasses)) {
    if (shouldFilterInvalid && isStateClass(className, 'invalid')) {
      filteredClasses[className] = false
    }
    if (shouldFilterErrors && isStateClass(className, 'errors')) {
      filteredClasses[className] = false
    }
  }
  return filteredClasses
}

function isStateClass (className${isTS ? ': string' : ''}, state${
    isTS ? ': string' : ''
  })${isTS ? ': boolean' : ''} {
  return (
    className.includes('group-data-[' + state) ||
    className.includes('formkit-' + state)
  )
}
`
  const scopedTheme = themeFile
    .replace(
      'return classes[memoKey] ?? { [semanticKey]: true }',
      'return stateScopedClasses(node, classes[memoKey] ?? { [semanticKey]: true })'
    )
    .replace(
      '\n/**\n * These classes have already been merged',
      `\n${helper}\n/**\n * These classes have already been merged`
    )
  return addThemeChecksum(scopedTheme)
}

function parseVariables(variables?: string): Record<string, string> {
  if (!variables) return {}