findSubjectClass() — ui Function Reference

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

Function typescript FrameworkTooling TemplateSync called by 1

Entity Profile

FrameworkTooling→ TemplateSync→ findSubjectClass() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/shadcn/src/styles/create-style-map.ts lines 86–100

function findSubjectClass(selector: SelectorNodeRoot) {
  const classNodes: ClassName[] = []

  selector.walkClasses((classNode) => {
    if (classNode.value.startsWith(CN_PREFIX)) {
      classNodes.push(classNode)
    }
  })

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

  return classNodes[classNodes.length - 1]
}