extractTailwindClasses() — ui Function Reference

Architecture documentation for the extractTailwindClasses() function in create-style-map.ts from the ui codebase.

Function typescript FrameworkTooling CLICore called by 1

Entity Profile

FrameworkTooling→ CLICore→ extractTailwindClasses() — ui Function Reference

Dependency Diagram

graph TD
  27ea15b8_017c_e2d7_670b_62cc1a86e72b["extractTailwindClasses()"]
  20ad6f91_6d0b_ef0e_6867_01a114c31d1d["create-style-map.ts"]
  27ea15b8_017c_e2d7_670b_62cc1a86e72b -->|defined in| 20ad6f91_6d0b_ef0e_6867_01a114c31d1d
  67dd667d_bfd0_b60f_05a7_ffc37d6b752b["createStyleMap()"]
  67dd667d_bfd0_b60f_05a7_ffc37d6b752b -->|calls| 27ea15b8_017c_e2d7_670b_62cc1a86e72b
  style 27ea15b8_017c_e2d7_670b_62cc1a86e72b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/src/styles/create-style-map.ts lines 67–84

function extractTailwindClasses(rule: postcss.Rule) {
  const classes: string[] = []

  for (const node of rule.nodes || []) {
    if (node.type === "atrule" && node.name === "apply") {
      const value = node.params.trim()
      if (value) {
        classes.push(value)
      }
    }
  }

  if (classes.length === 0) {
    return null
  }

  return classes.join(" ")
}