page-cta.ts
1.64 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
const variant = [
"solid",
"outline",
"soft",
"subtle",
"naked"
] as const
export default {
"slots": {
"root": "relative isolate rounded-xl overflow-hidden",
"container": "flex flex-col lg:grid px-6 py-12 sm:px-12 sm:py-24 lg:px-16 lg:py-24 gap-8 sm:gap-16",
"wrapper": "",
"header": "",
"title": "text-3xl sm:text-4xl text-pretty tracking-tight font-bold text-highlighted",
"description": "text-base sm:text-lg text-muted",
"body": "mt-8",
"footer": "mt-8",
"links": "flex flex-wrap gap-x-6 gap-y-3"
},
"variants": {
"orientation": {
"horizontal": {
"container": "lg:grid-cols-2 lg:items-center",
"description": "text-pretty"
},
"vertical": {
"container": "",
"title": "text-center",
"description": "text-center text-balance",
"links": "justify-center"
}
},
"reverse": {
"true": {
"wrapper": "order-last"
}
},
"variant": {
"solid": {
"root": "bg-inverted text-inverted",
"title": "text-inverted",
"description": "text-dimmed"
},
"outline": {
"root": "bg-default ring ring-default",
"description": "text-muted"
},
"soft": {
"root": "bg-elevated/50",
"description": "text-toned"
},
"subtle": {
"root": "bg-elevated/50 ring ring-default",
"description": "text-toned"
},
"naked": {
"description": "text-muted"
}
},
"title": {
"true": {
"description": "mt-6"
}
}
},
"defaultVariants": {
"variant": "outline" as typeof variant[number]
}
}