Function generate

packages/cli/src/theme.ts:373–504

(
  theme: Theme<ThemeOptions> | ReturnType<Theme<ThemeOptions>>,
  variables?: string,
  isTS?: boolean,
  semantic?: boolean,
  themeName?: string
)

}

export async function generate(
  theme: Theme<ThemeOptions> | ReturnType<Theme<ThemeOptions>>,
  variables?: string,
  isTS?: boolean,
  semantic?: boolean,
  themeName?: string
): Promise<string> {
  if (typeof theme === 'function') {
    const vars = parseVariables(variables)
    themeName = theme.meta.name
    theme = theme(vars)
  }
  if (!themeName) error('Could not determine theme name.')
  info(`Loaded theme: ${themeName}`)
  const classes = theme.tailwind()
  if (semantic) return await stylesheetFromTailwind(classes)
  const classList: Record<string, Record<string, true>> = {}
  const globals: Record<string, Record<string, true>> = {}

  for (const input in classes) {
    for (const section in classes[input]) {
      const key = `${input}__${section}`
      const sectionClasses = classes[input][section]
        .split(' ')
        .reduce((acc, cur) => {
          acc[cur] = true
          return acc
        }, {} as Record<string, true>)
      if (input === '__globals') {
        globals[section] = sectionClasses
      } else {
        classList[key] = sectionClasses
      }
    }
  }

  const themeFile = `${
    isTS ? "import type { FormKitNode } from '@formkit/core'\n\n" : ''
  }/**
  * @privateRemarks
  * This file was generated by the FormKit CLI and should not be manually
  * edited unless you’d like to "eject" from the CLI’s ability to update it.
  *
  * @checksum -
  * @variables - ${variables}
  * @theme - ${slugify(themeName)}
  **/

 /**
  * This is the theme function itself, it should be imported and used as the
  * config.rootClasses function. For example:
  *
  * \`\`\`js
  * import { theme } from './formkit.theme'
  * import { defineFormKitConfig } from '@formkit/vue'
  *
  * export default defineFormKitConfig({
  *   config: {