chat-tool.ts
1.86 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
const variant = [
"inline",
"card"
] as const
export default {
"slots": {
"root": "",
"trigger": [
"group flex w-full items-center gap-1.5 text-muted text-sm disabled:cursor-default disabled:hover:text-muted hover:text-default focus-visible:outline-offset-2 focus-visible:outline-primary min-w-0",
"transition-colors"
],
"leading": "relative size-4 shrink-0",
"leadingIcon": "size-4 shrink-0",
"chevronIcon": "size-4 shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
"label": "truncate",
"suffix": "text-dimmed ms-1",
"trailingIcon": "size-4 shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
"content": "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden",
"body": "text-sm text-dimmed whitespace-pre-wrap"
},
"variants": {
"variant": {
"inline": {
"body": "pt-2"
},
"card": {
"root": "rounded-md ring ring-default overflow-hidden",
"trigger": "px-2 py-1",
"trailingIcon": "ms-auto",
"body": "border-t border-default p-2 max-h-[200px] overflow-y-auto"
}
},
"chevron": {
"leading": {
"leadingIcon": "group-hover:opacity-0"
},
"trailing": ""
},
"loading": {
"true": {
"leadingIcon": "animate-spin"
}
},
"alone": {
"false": {
"leadingIcon": [
"absolute inset-0 group-data-[state=open]:opacity-0",
"transition-opacity duration-200"
],
"chevronIcon": [
"absolute inset-0 opacity-0 group-hover:opacity-100 group-data-[state=open]:opacity-100",
"transition-[rotate,opacity] duration-200"
]
}
}
},
"defaultVariants": {
"variant": "inline" as typeof variant[number]
}
}