@nextui-org/theme 2.1.3 → 2.1.5

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.
Files changed (48) hide show
  1. package/dist/{chunk-FZZINZOQ.mjs → chunk-ER6JQ3OQ.mjs} +21 -4
  2. package/dist/{chunk-PBGVMEDL.mjs → chunk-PJV3MWBL.mjs} +24 -8
  3. package/dist/{chunk-NVPBHMUQ.mjs → chunk-X3O5NF4F.mjs} +4 -7
  4. package/dist/components/accordion.d.ts +153 -2
  5. package/dist/components/avatar.d.ts +227 -2
  6. package/dist/components/badge.d.ts +199 -1
  7. package/dist/components/button.d.ts +155 -2
  8. package/dist/components/card.d.ts +225 -1
  9. package/dist/components/checkbox.d.ts +250 -2
  10. package/dist/components/chip.d.ts +304 -1
  11. package/dist/components/circular-progress.d.ts +171 -1
  12. package/dist/components/code.d.ts +64 -1
  13. package/dist/components/divider.d.ts +16 -1
  14. package/dist/components/drip.d.ts +1 -1
  15. package/dist/components/dropdown.d.ts +135 -4
  16. package/dist/components/image.d.ts +141 -1
  17. package/dist/components/index.js +49 -19
  18. package/dist/components/index.mjs +3 -3
  19. package/dist/components/input.d.ts +386 -20
  20. package/dist/components/input.js +24 -8
  21. package/dist/components/input.mjs +1 -1
  22. package/dist/components/kbd.d.ts +5 -1
  23. package/dist/components/link.d.ts +94 -1
  24. package/dist/components/menu.d.ts +152 -3
  25. package/dist/components/modal.d.ts +315 -1
  26. package/dist/components/navbar.d.ts +174 -1
  27. package/dist/components/pagination.d.ts +239 -1
  28. package/dist/components/pagination.js +21 -4
  29. package/dist/components/pagination.mjs +1 -1
  30. package/dist/components/popover.d.ts +276 -1
  31. package/dist/components/progress.d.ts +91 -1
  32. package/dist/components/radio.d.ts +231 -2
  33. package/dist/components/scroll-shadow.d.ts +28 -1
  34. package/dist/components/select.d.ts +390 -17
  35. package/dist/components/select.js +4 -7
  36. package/dist/components/select.mjs +1 -1
  37. package/dist/components/skeleton.d.ts +37 -1
  38. package/dist/components/snippet.d.ts +165 -1
  39. package/dist/components/spacer.d.ts +16 -1
  40. package/dist/components/spinner.d.ts +232 -1
  41. package/dist/components/table.d.ts +311 -1
  42. package/dist/components/tabs.d.ts +269 -1
  43. package/dist/components/toggle.d.ts +192 -1
  44. package/dist/components/user.d.ts +11 -1
  45. package/dist/index.js +49 -19
  46. package/dist/index.mjs +3 -3
  47. package/dist/types.d.ts +1 -1
  48. package/package.json +2 -2
@@ -279,7 +279,205 @@ declare const badge: tailwind_variants.TVReturnType<{
279
279
  }, {
280
280
  base: string[];
281
281
  badge: string[];
282
- }>;
282
+ }, tailwind_variants.TVReturnType<{
283
+ variant: {
284
+ solid: {};
285
+ flat: {};
286
+ faded: {
287
+ badge: string;
288
+ };
289
+ shadow: {};
290
+ };
291
+ color: {
292
+ default: {};
293
+ primary: {};
294
+ secondary: {};
295
+ success: {};
296
+ warning: {};
297
+ danger: {};
298
+ };
299
+ size: {
300
+ sm: {
301
+ badge: string;
302
+ };
303
+ md: {
304
+ badge: string;
305
+ };
306
+ lg: {
307
+ badge: string;
308
+ };
309
+ };
310
+ placement: {
311
+ "top-right": {};
312
+ "top-left": {};
313
+ "bottom-right": {};
314
+ "bottom-left": {};
315
+ };
316
+ shape: {
317
+ circle: {};
318
+ rectangle: {};
319
+ };
320
+ isInvisible: {
321
+ true: {};
322
+ };
323
+ isOneChar: {
324
+ true: {
325
+ badge: string;
326
+ };
327
+ };
328
+ isDot: {
329
+ true: {};
330
+ };
331
+ disableAnimation: {
332
+ true: {
333
+ badge: string;
334
+ };
335
+ false: {
336
+ badge: string;
337
+ };
338
+ };
339
+ disableOutline: {
340
+ true: {
341
+ badge: string;
342
+ };
343
+ false: {
344
+ badge: string;
345
+ };
346
+ };
347
+ }, {
348
+ base: string[];
349
+ badge: string[];
350
+ }, undefined, tailwind_variants_dist_config.TVConfig<{
351
+ variant: {
352
+ solid: {};
353
+ flat: {};
354
+ faded: {
355
+ badge: string;
356
+ };
357
+ shadow: {};
358
+ };
359
+ color: {
360
+ default: {};
361
+ primary: {};
362
+ secondary: {};
363
+ success: {};
364
+ warning: {};
365
+ danger: {};
366
+ };
367
+ size: {
368
+ sm: {
369
+ badge: string;
370
+ };
371
+ md: {
372
+ badge: string;
373
+ };
374
+ lg: {
375
+ badge: string;
376
+ };
377
+ };
378
+ placement: {
379
+ "top-right": {};
380
+ "top-left": {};
381
+ "bottom-right": {};
382
+ "bottom-left": {};
383
+ };
384
+ shape: {
385
+ circle: {};
386
+ rectangle: {};
387
+ };
388
+ isInvisible: {
389
+ true: {};
390
+ };
391
+ isOneChar: {
392
+ true: {
393
+ badge: string;
394
+ };
395
+ };
396
+ isDot: {
397
+ true: {};
398
+ };
399
+ disableAnimation: {
400
+ true: {
401
+ badge: string;
402
+ };
403
+ false: {
404
+ badge: string;
405
+ };
406
+ };
407
+ disableOutline: {
408
+ true: {
409
+ badge: string;
410
+ };
411
+ false: {
412
+ badge: string;
413
+ };
414
+ };
415
+ }, {
416
+ variant: {
417
+ solid: {};
418
+ flat: {};
419
+ faded: {
420
+ badge: string;
421
+ };
422
+ shadow: {};
423
+ };
424
+ color: {
425
+ default: {};
426
+ primary: {};
427
+ secondary: {};
428
+ success: {};
429
+ warning: {};
430
+ danger: {};
431
+ };
432
+ size: {
433
+ sm: {
434
+ badge: string;
435
+ };
436
+ md: {
437
+ badge: string;
438
+ };
439
+ lg: {
440
+ badge: string;
441
+ };
442
+ };
443
+ placement: {
444
+ "top-right": {};
445
+ "top-left": {};
446
+ "bottom-right": {};
447
+ "bottom-left": {};
448
+ };
449
+ shape: {
450
+ circle: {};
451
+ rectangle: {};
452
+ };
453
+ isInvisible: {
454
+ true: {};
455
+ };
456
+ isOneChar: {
457
+ true: {
458
+ badge: string;
459
+ };
460
+ };
461
+ isDot: {
462
+ true: {};
463
+ };
464
+ disableAnimation: {
465
+ true: {
466
+ badge: string;
467
+ };
468
+ false: {
469
+ badge: string;
470
+ };
471
+ };
472
+ disableOutline: {
473
+ true: {
474
+ badge: string;
475
+ };
476
+ false: {
477
+ badge: string;
478
+ };
479
+ };
480
+ }>, unknown, unknown, undefined>>;
283
481
  type BadgeVariantProps = VariantProps<typeof badge>;
284
482
  type BadgeSlots = keyof ReturnType<typeof badge>;
285
483
 
@@ -206,7 +206,148 @@ declare const button: tailwind_variants.TVReturnType<{
206
206
  true: "!transition-none";
207
207
  false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
208
208
  };
209
- }, undefined>;
209
+ }, undefined, tailwind_variants.TVReturnType<{
210
+ variant: {
211
+ solid: "";
212
+ bordered: "border-medium bg-transparent";
213
+ light: "bg-transparent";
214
+ flat: "";
215
+ faded: "border-medium";
216
+ shadow: "";
217
+ ghost: "border-medium bg-transparent";
218
+ };
219
+ size: {
220
+ sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
221
+ md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
222
+ lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
223
+ };
224
+ color: {
225
+ default: "";
226
+ primary: "";
227
+ secondary: "";
228
+ success: "";
229
+ warning: "";
230
+ danger: "";
231
+ };
232
+ radius: {
233
+ none: "rounded-none";
234
+ sm: "rounded-small";
235
+ md: "rounded-medium";
236
+ lg: "rounded-large";
237
+ full: "rounded-full";
238
+ };
239
+ fullWidth: {
240
+ true: "w-full";
241
+ };
242
+ isDisabled: {
243
+ true: "opacity-disabled pointer-events-none";
244
+ };
245
+ isInGroup: {
246
+ true: "[&:not(:first-child):not(:last-child)]:rounded-none";
247
+ };
248
+ isIconOnly: {
249
+ true: "px-unit-0 !gap-unit-0";
250
+ false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
251
+ };
252
+ disableAnimation: {
253
+ true: "!transition-none";
254
+ false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
255
+ };
256
+ }, undefined, string[], tailwind_variants_dist_config.TVConfig<{
257
+ variant: {
258
+ solid: "";
259
+ bordered: "border-medium bg-transparent";
260
+ light: "bg-transparent";
261
+ flat: "";
262
+ faded: "border-medium";
263
+ shadow: "";
264
+ ghost: "border-medium bg-transparent";
265
+ };
266
+ size: {
267
+ sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
268
+ md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
269
+ lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
270
+ };
271
+ color: {
272
+ default: "";
273
+ primary: "";
274
+ secondary: "";
275
+ success: "";
276
+ warning: "";
277
+ danger: "";
278
+ };
279
+ radius: {
280
+ none: "rounded-none";
281
+ sm: "rounded-small";
282
+ md: "rounded-medium";
283
+ lg: "rounded-large";
284
+ full: "rounded-full";
285
+ };
286
+ fullWidth: {
287
+ true: "w-full";
288
+ };
289
+ isDisabled: {
290
+ true: "opacity-disabled pointer-events-none";
291
+ };
292
+ isInGroup: {
293
+ true: "[&:not(:first-child):not(:last-child)]:rounded-none";
294
+ };
295
+ isIconOnly: {
296
+ true: "px-unit-0 !gap-unit-0";
297
+ false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
298
+ };
299
+ disableAnimation: {
300
+ true: "!transition-none";
301
+ false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
302
+ };
303
+ }, {
304
+ variant: {
305
+ solid: "";
306
+ bordered: "border-medium bg-transparent";
307
+ light: "bg-transparent";
308
+ flat: "";
309
+ faded: "border-medium";
310
+ shadow: "";
311
+ ghost: "border-medium bg-transparent";
312
+ };
313
+ size: {
314
+ sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
315
+ md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
316
+ lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
317
+ };
318
+ color: {
319
+ default: "";
320
+ primary: "";
321
+ secondary: "";
322
+ success: "";
323
+ warning: "";
324
+ danger: "";
325
+ };
326
+ radius: {
327
+ none: "rounded-none";
328
+ sm: "rounded-small";
329
+ md: "rounded-medium";
330
+ lg: "rounded-large";
331
+ full: "rounded-full";
332
+ };
333
+ fullWidth: {
334
+ true: "w-full";
335
+ };
336
+ isDisabled: {
337
+ true: "opacity-disabled pointer-events-none";
338
+ };
339
+ isInGroup: {
340
+ true: "[&:not(:first-child):not(:last-child)]:rounded-none";
341
+ };
342
+ isIconOnly: {
343
+ true: "px-unit-0 !gap-unit-0";
344
+ false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
345
+ };
346
+ disableAnimation: {
347
+ true: "!transition-none";
348
+ false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
349
+ };
350
+ }>, unknown, unknown, undefined>>;
210
351
  /**
211
352
  * ButtonGroup wrapper **Tailwind Variants** component
212
353
  *
@@ -233,7 +374,19 @@ declare const buttonGroup: tailwind_variants.TVReturnType<{
233
374
  fullWidth: {
234
375
  true: "w-full";
235
376
  };
236
- }, undefined>;
377
+ }, undefined, tailwind_variants.TVReturnType<{
378
+ fullWidth: {
379
+ true: "w-full";
380
+ };
381
+ }, undefined, "inline-flex items-center justify-center h-auto", tailwind_variants_dist_config.TVConfig<{
382
+ fullWidth: {
383
+ true: "w-full";
384
+ };
385
+ }, {
386
+ fullWidth: {
387
+ true: "w-full";
388
+ };
389
+ }>, unknown, unknown, undefined>>;
237
390
  type ButtonGroupVariantProps = VariantProps<typeof buttonGroup>;
238
391
  type ButtonVariantProps = VariantProps<typeof button>;
239
392
 
@@ -318,7 +318,231 @@ declare const card: tailwind_variants.TVReturnType<{
318
318
  header: string[];
319
319
  body: string[];
320
320
  footer: string[];
321
- }>;
321
+ }, tailwind_variants.TVReturnType<{
322
+ shadow: {
323
+ none: {
324
+ base: string;
325
+ };
326
+ sm: {
327
+ base: string;
328
+ };
329
+ md: {
330
+ base: string;
331
+ };
332
+ lg: {
333
+ base: string;
334
+ };
335
+ };
336
+ radius: {
337
+ none: {
338
+ base: string;
339
+ header: string;
340
+ footer: string;
341
+ };
342
+ sm: {
343
+ base: string;
344
+ header: string;
345
+ footer: string;
346
+ };
347
+ md: {
348
+ base: string;
349
+ header: string;
350
+ footer: string;
351
+ };
352
+ lg: {
353
+ base: string;
354
+ header: string;
355
+ footer: string;
356
+ };
357
+ };
358
+ fullWidth: {
359
+ true: {
360
+ base: string;
361
+ };
362
+ };
363
+ isHoverable: {
364
+ true: {
365
+ base: string;
366
+ };
367
+ };
368
+ isPressable: {
369
+ true: {
370
+ base: string;
371
+ };
372
+ };
373
+ isBlurred: {
374
+ true: {
375
+ base: string[];
376
+ };
377
+ };
378
+ isFooterBlurred: {
379
+ true: {
380
+ footer: string[];
381
+ };
382
+ };
383
+ isDisabled: {
384
+ true: {
385
+ base: string;
386
+ };
387
+ };
388
+ disableAnimation: {
389
+ true: "";
390
+ false: {
391
+ base: string;
392
+ };
393
+ };
394
+ }, {
395
+ base: string[];
396
+ header: string[];
397
+ body: string[];
398
+ footer: string[];
399
+ }, undefined, tailwind_variants_dist_config.TVConfig<{
400
+ shadow: {
401
+ none: {
402
+ base: string;
403
+ };
404
+ sm: {
405
+ base: string;
406
+ };
407
+ md: {
408
+ base: string;
409
+ };
410
+ lg: {
411
+ base: string;
412
+ };
413
+ };
414
+ radius: {
415
+ none: {
416
+ base: string;
417
+ header: string;
418
+ footer: string;
419
+ };
420
+ sm: {
421
+ base: string;
422
+ header: string;
423
+ footer: string;
424
+ };
425
+ md: {
426
+ base: string;
427
+ header: string;
428
+ footer: string;
429
+ };
430
+ lg: {
431
+ base: string;
432
+ header: string;
433
+ footer: string;
434
+ };
435
+ };
436
+ fullWidth: {
437
+ true: {
438
+ base: string;
439
+ };
440
+ };
441
+ isHoverable: {
442
+ true: {
443
+ base: string;
444
+ };
445
+ };
446
+ isPressable: {
447
+ true: {
448
+ base: string;
449
+ };
450
+ };
451
+ isBlurred: {
452
+ true: {
453
+ base: string[];
454
+ };
455
+ };
456
+ isFooterBlurred: {
457
+ true: {
458
+ footer: string[];
459
+ };
460
+ };
461
+ isDisabled: {
462
+ true: {
463
+ base: string;
464
+ };
465
+ };
466
+ disableAnimation: {
467
+ true: "";
468
+ false: {
469
+ base: string;
470
+ };
471
+ };
472
+ }, {
473
+ shadow: {
474
+ none: {
475
+ base: string;
476
+ };
477
+ sm: {
478
+ base: string;
479
+ };
480
+ md: {
481
+ base: string;
482
+ };
483
+ lg: {
484
+ base: string;
485
+ };
486
+ };
487
+ radius: {
488
+ none: {
489
+ base: string;
490
+ header: string;
491
+ footer: string;
492
+ };
493
+ sm: {
494
+ base: string;
495
+ header: string;
496
+ footer: string;
497
+ };
498
+ md: {
499
+ base: string;
500
+ header: string;
501
+ footer: string;
502
+ };
503
+ lg: {
504
+ base: string;
505
+ header: string;
506
+ footer: string;
507
+ };
508
+ };
509
+ fullWidth: {
510
+ true: {
511
+ base: string;
512
+ };
513
+ };
514
+ isHoverable: {
515
+ true: {
516
+ base: string;
517
+ };
518
+ };
519
+ isPressable: {
520
+ true: {
521
+ base: string;
522
+ };
523
+ };
524
+ isBlurred: {
525
+ true: {
526
+ base: string[];
527
+ };
528
+ };
529
+ isFooterBlurred: {
530
+ true: {
531
+ footer: string[];
532
+ };
533
+ };
534
+ isDisabled: {
535
+ true: {
536
+ base: string;
537
+ };
538
+ };
539
+ disableAnimation: {
540
+ true: "";
541
+ false: {
542
+ base: string;
543
+ };
544
+ };
545
+ }>, unknown, unknown, undefined>>;
322
546
  type CardVariantProps = VariantProps<typeof card>;
323
547
  type CardSlots = keyof ReturnType<typeof card>;
324
548
  type CardReturnType = ReturnType<typeof card>;