@nextui-org/theme 2.0.4 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-4JBYJQSP.mjs +36 -0
- package/dist/chunk-AYWH7THQ.mjs +606 -0
- package/dist/{chunk-U3S42JDF.mjs → chunk-FTF3KQBD.mjs} +2 -0
- package/dist/{chunk-Z6QW3RI5.mjs → chunk-PBGVMEDL.mjs} +70 -142
- package/dist/{chunk-PW52XQD7.mjs → chunk-RYOZQSNI.mjs} +4 -1
- package/dist/chunk-YJLQTC7L.mjs +0 -0
- package/dist/chunk-YKWIBFFV.mjs +460 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +1161 -142
- package/dist/components/index.mjs +40 -20
- package/dist/components/input.d.ts +28 -60
- package/dist/components/input.js +70 -142
- package/dist/components/input.mjs +1 -1
- package/dist/components/listbox.d.ts +3 -0
- package/dist/components/listbox.js +582 -0
- package/dist/components/listbox.mjs +17 -0
- package/dist/components/menu.d.ts +284 -0
- package/dist/components/menu.js +582 -0
- package/dist/components/menu.mjs +16 -0
- package/dist/components/popover.js +2 -0
- package/dist/components/popover.mjs +1 -1
- package/dist/components/scroll-shadow.d.ts +55 -0
- package/dist/components/scroll-shadow.js +150 -0
- package/dist/components/scroll-shadow.mjs +8 -0
- package/dist/components/select.d.ts +553 -0
- package/dist/components/select.js +726 -0
- package/dist/components/select.mjs +12 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1308 -286
- package/dist/index.mjs +43 -23
- package/dist/plugin.js +3 -0
- package/dist/plugin.mjs +3 -3
- package/dist/utilities/index.mjs +2 -2
- package/package.json +8 -8
- package/dist/{chunk-PRWEADY4.mjs → chunk-RH7YHIQY.mjs} +0 -0
- package/dist/{chunk-DYIIRM5B.mjs → chunk-Y32IWEMZ.mjs} +3 -3
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
|
|
2
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
3
|
+
import { VariantProps } from 'tailwind-variants';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Menu wrapper **Tailwind Variants** component
|
|
7
|
+
*
|
|
8
|
+
* const classNames = menu({...})
|
|
9
|
+
|
|
10
|
+
*/
|
|
11
|
+
declare const menu: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none"> | {
|
|
12
|
+
[x: string]: {
|
|
13
|
+
[x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none">;
|
|
14
|
+
} | undefined;
|
|
15
|
+
} | {}, undefined, "w-full flex flex-col gap-0.5 p-1 outline-none", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none"> | {}, undefined>;
|
|
16
|
+
/**
|
|
17
|
+
* MenuItem wrapper **Tailwind Variants** component
|
|
18
|
+
*
|
|
19
|
+
* const {base, heading, indicator, trigger, leftIndicator, title, subtitle, content } = menuItem({...})
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* <div className={base())} data-focus-visible={boolean} data-hover={boolean}>
|
|
23
|
+
* <div className={heading())}>
|
|
24
|
+
* <button className={trigger())}>
|
|
25
|
+
* <div className={leftIndicator()}>
|
|
26
|
+
* // content
|
|
27
|
+
* </div>
|
|
28
|
+
* <div className={titleWrapper()}>
|
|
29
|
+
* <h3 className={title())}>Title</h3>
|
|
30
|
+
* <span className={subtitle())}>Subtitle</span>
|
|
31
|
+
* </div>
|
|
32
|
+
* <span className={indicator())}>Indicator</span>
|
|
33
|
+
* </button>
|
|
34
|
+
* </div>
|
|
35
|
+
* <div className={content())}>Content</div>
|
|
36
|
+
* </div>
|
|
37
|
+
*/
|
|
38
|
+
declare const menuItem: tailwind_variants.TVReturnType<{
|
|
39
|
+
variant: {
|
|
40
|
+
solid: {
|
|
41
|
+
base: string;
|
|
42
|
+
};
|
|
43
|
+
bordered: {
|
|
44
|
+
base: string;
|
|
45
|
+
};
|
|
46
|
+
light: {
|
|
47
|
+
base: string;
|
|
48
|
+
};
|
|
49
|
+
faded: {
|
|
50
|
+
base: string[];
|
|
51
|
+
};
|
|
52
|
+
flat: {
|
|
53
|
+
base: string;
|
|
54
|
+
};
|
|
55
|
+
shadow: {
|
|
56
|
+
base: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
color: {
|
|
60
|
+
default: {};
|
|
61
|
+
primary: {};
|
|
62
|
+
secondary: {};
|
|
63
|
+
success: {};
|
|
64
|
+
warning: {};
|
|
65
|
+
danger: {};
|
|
66
|
+
};
|
|
67
|
+
showDivider: {
|
|
68
|
+
true: {
|
|
69
|
+
base: string[];
|
|
70
|
+
};
|
|
71
|
+
false: {};
|
|
72
|
+
};
|
|
73
|
+
isDisabled: {
|
|
74
|
+
true: {
|
|
75
|
+
base: string;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
disableAnimation: {
|
|
79
|
+
true: {};
|
|
80
|
+
false: {};
|
|
81
|
+
};
|
|
82
|
+
}, {
|
|
83
|
+
base: string[];
|
|
84
|
+
wrapper: string;
|
|
85
|
+
title: string;
|
|
86
|
+
description: string[];
|
|
87
|
+
selectedIcon: string[];
|
|
88
|
+
shortcut: string[];
|
|
89
|
+
}, undefined, tailwind_variants_dist_config.TVConfig<{
|
|
90
|
+
variant: {
|
|
91
|
+
solid: {
|
|
92
|
+
base: string;
|
|
93
|
+
};
|
|
94
|
+
bordered: {
|
|
95
|
+
base: string;
|
|
96
|
+
};
|
|
97
|
+
light: {
|
|
98
|
+
base: string;
|
|
99
|
+
};
|
|
100
|
+
faded: {
|
|
101
|
+
base: string[];
|
|
102
|
+
};
|
|
103
|
+
flat: {
|
|
104
|
+
base: string;
|
|
105
|
+
};
|
|
106
|
+
shadow: {
|
|
107
|
+
base: string;
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
color: {
|
|
111
|
+
default: {};
|
|
112
|
+
primary: {};
|
|
113
|
+
secondary: {};
|
|
114
|
+
success: {};
|
|
115
|
+
warning: {};
|
|
116
|
+
danger: {};
|
|
117
|
+
};
|
|
118
|
+
showDivider: {
|
|
119
|
+
true: {
|
|
120
|
+
base: string[];
|
|
121
|
+
};
|
|
122
|
+
false: {};
|
|
123
|
+
};
|
|
124
|
+
isDisabled: {
|
|
125
|
+
true: {
|
|
126
|
+
base: string;
|
|
127
|
+
};
|
|
128
|
+
};
|
|
129
|
+
disableAnimation: {
|
|
130
|
+
true: {};
|
|
131
|
+
false: {};
|
|
132
|
+
};
|
|
133
|
+
}, {
|
|
134
|
+
variant: {
|
|
135
|
+
solid: {
|
|
136
|
+
base: string;
|
|
137
|
+
};
|
|
138
|
+
bordered: {
|
|
139
|
+
base: string;
|
|
140
|
+
};
|
|
141
|
+
light: {
|
|
142
|
+
base: string;
|
|
143
|
+
};
|
|
144
|
+
faded: {
|
|
145
|
+
base: string[];
|
|
146
|
+
};
|
|
147
|
+
flat: {
|
|
148
|
+
base: string;
|
|
149
|
+
};
|
|
150
|
+
shadow: {
|
|
151
|
+
base: string;
|
|
152
|
+
};
|
|
153
|
+
};
|
|
154
|
+
color: {
|
|
155
|
+
default: {};
|
|
156
|
+
primary: {};
|
|
157
|
+
secondary: {};
|
|
158
|
+
success: {};
|
|
159
|
+
warning: {};
|
|
160
|
+
danger: {};
|
|
161
|
+
};
|
|
162
|
+
showDivider: {
|
|
163
|
+
true: {
|
|
164
|
+
base: string[];
|
|
165
|
+
};
|
|
166
|
+
false: {};
|
|
167
|
+
};
|
|
168
|
+
isDisabled: {
|
|
169
|
+
true: {
|
|
170
|
+
base: string;
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
disableAnimation: {
|
|
174
|
+
true: {};
|
|
175
|
+
false: {};
|
|
176
|
+
};
|
|
177
|
+
}>, {
|
|
178
|
+
variant: {
|
|
179
|
+
solid: {
|
|
180
|
+
base: string;
|
|
181
|
+
};
|
|
182
|
+
bordered: {
|
|
183
|
+
base: string;
|
|
184
|
+
};
|
|
185
|
+
light: {
|
|
186
|
+
base: string;
|
|
187
|
+
};
|
|
188
|
+
faded: {
|
|
189
|
+
base: string[];
|
|
190
|
+
};
|
|
191
|
+
flat: {
|
|
192
|
+
base: string;
|
|
193
|
+
};
|
|
194
|
+
shadow: {
|
|
195
|
+
base: string;
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
color: {
|
|
199
|
+
default: {};
|
|
200
|
+
primary: {};
|
|
201
|
+
secondary: {};
|
|
202
|
+
success: {};
|
|
203
|
+
warning: {};
|
|
204
|
+
danger: {};
|
|
205
|
+
};
|
|
206
|
+
showDivider: {
|
|
207
|
+
true: {
|
|
208
|
+
base: string[];
|
|
209
|
+
};
|
|
210
|
+
false: {};
|
|
211
|
+
};
|
|
212
|
+
isDisabled: {
|
|
213
|
+
true: {
|
|
214
|
+
base: string;
|
|
215
|
+
};
|
|
216
|
+
};
|
|
217
|
+
disableAnimation: {
|
|
218
|
+
true: {};
|
|
219
|
+
false: {};
|
|
220
|
+
};
|
|
221
|
+
}, {
|
|
222
|
+
base: string[];
|
|
223
|
+
wrapper: string;
|
|
224
|
+
title: string;
|
|
225
|
+
description: string[];
|
|
226
|
+
selectedIcon: string[];
|
|
227
|
+
shortcut: string[];
|
|
228
|
+
}>;
|
|
229
|
+
/**
|
|
230
|
+
* Menu section wrapper **Tailwind Variants** component
|
|
231
|
+
*
|
|
232
|
+
* const { base, section, heading } = menuSection({...})
|
|
233
|
+
*
|
|
234
|
+
* @example
|
|
235
|
+
* <div className={base()}>
|
|
236
|
+
* <button className={trigger()} aria-expanded="true/false">your trigger</button>
|
|
237
|
+
* <div className={section()}>
|
|
238
|
+
* // menu content
|
|
239
|
+
* <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
|
|
240
|
+
* </div>
|
|
241
|
+
* </div>
|
|
242
|
+
*/
|
|
243
|
+
declare const menuSection: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<{
|
|
244
|
+
base: string;
|
|
245
|
+
heading: string;
|
|
246
|
+
group: string;
|
|
247
|
+
divider: string;
|
|
248
|
+
}, undefined> | {
|
|
249
|
+
[x: string]: {
|
|
250
|
+
[x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<{
|
|
251
|
+
base: string;
|
|
252
|
+
heading: string;
|
|
253
|
+
group: string;
|
|
254
|
+
divider: string;
|
|
255
|
+
}, undefined>;
|
|
256
|
+
} | undefined;
|
|
257
|
+
} | {}, {
|
|
258
|
+
base: string;
|
|
259
|
+
heading: string;
|
|
260
|
+
group: string;
|
|
261
|
+
divider: string;
|
|
262
|
+
}, undefined, tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
|
|
263
|
+
base: string;
|
|
264
|
+
heading: string;
|
|
265
|
+
group: string;
|
|
266
|
+
divider: string;
|
|
267
|
+
}, undefined> | {}>, tailwind_variants.TVVariantsDefault<{
|
|
268
|
+
base: string;
|
|
269
|
+
heading: string;
|
|
270
|
+
group: string;
|
|
271
|
+
divider: string;
|
|
272
|
+
}, undefined> | {}, {
|
|
273
|
+
base: string;
|
|
274
|
+
heading: string;
|
|
275
|
+
group: string;
|
|
276
|
+
divider: string;
|
|
277
|
+
}>;
|
|
278
|
+
type MenuVariantProps = VariantProps<typeof menu>;
|
|
279
|
+
type MenuSectionVariantProps = VariantProps<typeof menuSection>;
|
|
280
|
+
type MenuSectionSlots = keyof ReturnType<typeof menuSection>;
|
|
281
|
+
type MenuItemVariantProps = VariantProps<typeof menuItem>;
|
|
282
|
+
type MenuItemSlots = keyof ReturnType<typeof menuItem>;
|
|
283
|
+
|
|
284
|
+
export { MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuVariantProps, menu, menuItem, menuSection };
|