empty.ts
1.94 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
71
72
73
74
75
76
77
78
79
80
81
82
83
const size = [
"xs",
"sm",
"md",
"lg",
"xl"
] as const
const variant = [
"solid",
"outline",
"soft",
"subtle",
"naked"
] as const
export default {
"slots": {
"root": "relative flex flex-col items-center justify-center gap-4 rounded-lg p-4 sm:p-6 lg:p-8 min-w-0",
"header": "flex flex-col items-center gap-2 max-w-sm text-center",
"avatar": "shrink-0 mb-2",
"title": "text-highlighted text-pretty font-medium",
"description": "text-balance text-center",
"body": "flex flex-col items-center gap-4 max-w-sm",
"actions": "flex flex-wrap justify-center gap-2 shrink-0",
"footer": "flex flex-col items-center gap-2 max-w-sm"
},
"variants": {
"size": {
"xs": {
"avatar": "size-8 text-base",
"title": "text-sm",
"description": "text-xs"
},
"sm": {
"avatar": "size-9 text-lg",
"title": "text-sm",
"description": "text-xs"
},
"md": {
"avatar": "size-10 text-xl",
"title": "text-base",
"description": "text-sm"
},
"lg": {
"avatar": "size-11 text-[22px]",
"title": "text-base",
"description": "text-sm"
},
"xl": {
"avatar": "size-12 text-2xl",
"title": "text-lg",
"description": "text-base"
}
},
"variant": {
"solid": {
"root": "bg-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"
}
}
},
"defaultVariants": {
"variant": "outline" as typeof variant[number],
"size": "md" as typeof size[number]
}
}