@@ -3,26 +3,26 @@ import type { ModuleOptions } from '../module'
33export default (options: Required<ModuleOptions>) => ({
44slots: {
55root: 'flex flex-col min-h-0 min-w-0 divide-y divide-default',
6-input: '[&>input]:h-12',
6+input: '',
77close: '',
88back: 'p-0',
99content: 'relative overflow-hidden flex flex-col',
1010footer: 'p-1',
1111viewport: 'relative scroll-py-1 overflow-y-auto flex-1 focus:outline-none',
1212group: 'p-1 isolate',
13-empty: 'py-6 text-center text-sm text-muted',
14-label: 'p-1.5 text-xs font-semibold text-highlighted',
15-item: 'group relative w-full flex items-start gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75',
16-itemLeadingIcon: 'shrink-0 size-5',
13+empty: 'text-center text-muted',
14+label: 'font-semibold text-highlighted',
15+item: 'group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75',
16+itemLeadingIcon: 'shrink-0',
1717itemLeadingAvatar: 'shrink-0',
18-itemLeadingAvatarSize: '2xs',
19-itemLeadingChip: 'shrink-0 size-5',
20-itemLeadingChipSize: 'md',
21-itemTrailing: 'ms-auto inline-flex gap-1.5 items-center',
22-itemTrailingIcon: 'shrink-0 size-5',
23-itemTrailingHighlightedIcon: 'shrink-0 size-5 text-dimmed hidden group-data-highlighted:inline-flex',
24-itemTrailingKbds: 'hidden lg:inline-flex items-center shrink-0 gap-0.5',
25-itemTrailingKbdsSize: 'md',
18+itemLeadingAvatarSize: '',
19+itemLeadingChip: 'shrink-0',
20+itemLeadingChipSize: '',
21+itemTrailing: 'ms-auto inline-flex items-center',
22+itemTrailingIcon: 'shrink-0',
23+itemTrailingHighlightedIcon: 'shrink-0 text-dimmed hidden group-data-highlighted:inline-flex',
24+itemTrailingKbds: 'hidden lg:inline-flex items-center shrink-0',
25+itemTrailingKbdsSize: '',
2626itemWrapper: 'flex-1 flex flex-col text-start min-w-0',
2727itemLabel: 'truncate space-x-1 text-dimmed',
2828itemDescription: 'truncate text-muted',
@@ -39,6 +39,83 @@ export default (options: Required<ModuleOptions>) => ({
3939viewport: 'divide-y divide-default'
4040}
4141},
42+size: {
43+xs: {
44+input: '[&>input]:h-10',
45+empty: 'py-3 text-xs',
46+label: 'p-1 text-[10px]/3 gap-1',
47+item: 'p-1 text-xs gap-1',
48+itemLeadingIcon: 'size-4',
49+itemLeadingAvatarSize: '3xs',
50+itemLeadingChip: 'size-4',
51+itemLeadingChipSize: 'sm',
52+itemTrailing: 'gap-1',
53+itemTrailingIcon: 'size-4',
54+itemTrailingHighlightedIcon: 'size-4',
55+itemTrailingKbds: 'gap-0.5',
56+itemTrailingKbdsSize: 'sm'
57+},
58+sm: {
59+input: '[&>input]:h-11',
60+empty: 'py-4 text-xs',
61+label: 'p-1.5 text-[10px]/3 gap-1.5',
62+item: 'p-1.5 text-xs gap-1.5',
63+itemLeadingIcon: 'size-4',
64+itemLeadingAvatarSize: '3xs',
65+itemLeadingChip: 'size-4',
66+itemLeadingChipSize: 'sm',
67+itemTrailing: 'gap-1.5',
68+itemTrailingIcon: 'size-4',
69+itemTrailingHighlightedIcon: 'size-4',
70+itemTrailingKbds: 'gap-0.5',
71+itemTrailingKbdsSize: 'sm'
72+},
73+md: {
74+input: '[&>input]:h-12',
75+empty: 'py-6 text-sm',
76+label: 'p-1.5 text-xs gap-1.5',
77+item: 'p-1.5 text-sm gap-1.5',
78+itemLeadingIcon: 'size-5',
79+itemLeadingAvatarSize: '2xs',
80+itemLeadingChip: 'size-5',
81+itemLeadingChipSize: 'md',
82+itemTrailing: 'gap-1.5',
83+itemTrailingIcon: 'size-5',
84+itemTrailingHighlightedIcon: 'size-5',
85+itemTrailingKbds: 'gap-0.5',
86+itemTrailingKbdsSize: 'md'
87+},
88+lg: {
89+input: '[&>input]:h-13',
90+empty: 'py-7 text-sm',
91+label: 'p-2 text-xs gap-2',
92+item: 'p-2 text-sm gap-2',
93+itemLeadingIcon: 'size-5',
94+itemLeadingAvatarSize: '2xs',
95+itemLeadingChip: 'size-5',
96+itemLeadingChipSize: 'md',
97+itemTrailing: 'gap-2',
98+itemTrailingIcon: 'size-5',
99+itemTrailingHighlightedIcon: 'size-5',
100+itemTrailingKbds: 'gap-0.5',
101+itemTrailingKbdsSize: 'md'
102+},
103+xl: {
104+input: '[&>input]:h-14',
105+empty: 'py-8 text-base',
106+label: 'p-2 text-sm gap-2',
107+item: 'p-2 text-base gap-2',
108+itemLeadingIcon: 'size-6',
109+itemLeadingAvatarSize: 'xs',
110+itemLeadingChip: 'size-6',
111+itemLeadingChipSize: 'lg',
112+itemTrailing: 'gap-2',
113+itemTrailingIcon: 'size-6',
114+itemTrailingHighlightedIcon: 'size-6',
115+itemTrailingKbds: 'gap-0.5',
116+itemTrailingKbdsSize: 'lg'
117+}
118+},
42119active: {
43120true: {
44121item: 'text-highlighted before:bg-elevated',
@@ -54,5 +131,8 @@ export default (options: Required<ModuleOptions>) => ({
54131itemLeadingIcon: 'animate-spin'
55132}
56133}
134+},
135+defaultVariants: {
136+size: 'md'
57137}
58138})