@mesob/ui 0.5.6 → 0.5.8

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 (9) hide show
  1. package/dist/components.d.ts +4 -2
  2. package/dist/components.js +35 -37
  3. package/dist/components.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/styles/style-lyra.css +11 -15
  6. package/src/styles/style-maia.css +11 -15
  7. package/src/styles/style-mira.css +11 -15
  8. package/src/styles/style-nova.css +11 -15
  9. package/src/styles/style-vega.css +11 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mesob/ui",
3
- "version": "0.5.6",
3
+ "version": "0.5.8",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -45,7 +45,7 @@
45
45
  "dependencies": {
46
46
  "@base-ui/react": "^1.1.0",
47
47
  "@hookform/resolvers": "^5.2.2",
48
- "@mesob/common": "0.5.6",
48
+ "@mesob/common": "0.5.8",
49
49
  "@tabler/icons-react": "^3.35.0",
50
50
  "@tanstack/react-table": "^8.21.3",
51
51
  "@tiptap/core": "^3.18.0",
package/src/styles/style-lyra.css CHANGED
@@ -495,15 +495,15 @@
495
495
 
496
496
  /* MARK: Card */
497
497
  .cn-card {
498
- @apply ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-none text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-none *:[img:last-child]:rounded-none;
498
+ @apply ring-foreground/10 bg-card text-card-foreground overflow-hidden rounded-none text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-none *:[img:last-child]:rounded-none;
499
499
  }
500
500
 
501
501
  .cn-card:not([data-sectioned]) {
502
- @apply py-2 has-data-[slot=card-footer]:pb-0;
502
+ @apply py-0;
503
503
  }
504
504
 
505
505
  .cn-card[data-sectioned] {
506
- @apply gap-0 py-0;
506
+ @apply py-0;
507
507
  }
508
508
 
509
509
  .cn-card-with-border {
@@ -519,7 +519,7 @@
519
519
  }
520
520
 
521
521
  .cn-card-header {
522
- @apply gap-1 items-start rounded-none px-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
522
+ @apply gap-1 items-start rounded-none px-3 py-2 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
523
523
  }
524
524
 
525
525
  .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description'])) {
@@ -595,15 +595,11 @@
595
595
  }
596
596
 
597
597
  .cn-card-content {
598
- @apply px-4 py-4;
598
+ @apply px-4 py-2;
599
599
  }
600
600
 
601
601
  .cn-card-footer {
602
- @apply rounded-none border-t;
603
- }
604
-
605
- .cn-card:not([data-sectioned]) .cn-card-footer {
606
- @apply p-3;
602
+ @apply rounded-none border-t px-3 py-2;
607
603
  }
608
604
 
609
605
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-header'] {
@@ -611,7 +607,7 @@
611
607
  }
612
608
 
613
609
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-content'] {
614
- @apply px-2.5 py-3;
610
+ @apply px-2.5 py-2;
615
611
  }
616
612
 
617
613
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-footer'] {
@@ -623,7 +619,7 @@
623
619
  }
624
620
 
625
621
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-content'] {
626
- @apply px-2.5 py-3;
622
+ @apply px-2.5 py-2;
627
623
  }
628
624
 
629
625
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-footer'] {
@@ -635,7 +631,7 @@
635
631
  }
636
632
 
637
633
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-content'] {
638
- @apply px-3 py-4;
634
+ @apply px-3 py-2;
639
635
  }
640
636
 
641
637
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-footer'] {
@@ -647,7 +643,7 @@
647
643
  }
648
644
 
649
645
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-content'] {
650
- @apply px-4 py-5;
646
+ @apply px-4 py-2;
651
647
  }
652
648
 
653
649
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-footer'] {
@@ -659,7 +655,7 @@
659
655
  }
660
656
 
661
657
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-content'] {
662
- @apply px-5 py-6;
658
+ @apply px-5 py-2;
663
659
  }
664
660
 
665
661
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-footer'] {
package/src/styles/style-maia.css CHANGED
@@ -528,15 +528,15 @@
528
528
 
529
529
  /* MARK: Card */
530
530
  .cn-card {
531
- @apply ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-2xl text-sm ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl;
531
+ @apply ring-foreground/10 bg-card text-card-foreground overflow-hidden rounded-2xl text-sm ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl;
532
532
  }
533
533
 
534
534
  .cn-card:not([data-sectioned]) {
535
- @apply py-4;
535
+ @apply py-0;
536
536
  }
537
537
 
538
538
  .cn-card[data-sectioned] {
539
- @apply gap-0 py-0;
539
+ @apply py-0;
540
540
  }
541
541
 
542
542
  .cn-card-with-border {
@@ -552,7 +552,7 @@
552
552
  }
553
553
 
554
554
  .cn-card-header {
555
- @apply gap-2 items-start rounded-t-xl px-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-2;
555
+ @apply gap-2 items-start rounded-t-xl px-3 py-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-2;
556
556
  }
557
557
 
558
558
  .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description'])) {
@@ -623,15 +623,11 @@
623
623
  }
624
624
 
625
625
  .cn-card-content {
626
- @apply px-4 py-4;
626
+ @apply px-4 py-2;
627
627
  }
628
628
 
629
629
  .cn-card-footer {
630
- @apply rounded-b-xl px-3;
631
- }
632
-
633
- .cn-card:not([data-sectioned]) .cn-card-footer {
634
- @apply pt-3;
630
+ @apply rounded-b-xl px-3 py-3;
635
631
  }
636
632
 
637
633
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-header'] {
@@ -639,7 +635,7 @@
639
635
  }
640
636
 
641
637
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-content'] {
642
- @apply px-2.5 py-3;
638
+ @apply px-2.5 py-2;
643
639
  }
644
640
 
645
641
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-footer'] {
@@ -651,7 +647,7 @@
651
647
  }
652
648
 
653
649
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-content'] {
654
- @apply px-2.5 py-3;
650
+ @apply px-2.5 py-2;
655
651
  }
656
652
 
657
653
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-footer'] {
@@ -663,7 +659,7 @@
663
659
  }
664
660
 
665
661
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-content'] {
666
- @apply px-3 py-4;
662
+ @apply px-3 py-2;
667
663
  }
668
664
 
669
665
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-footer'] {
@@ -675,7 +671,7 @@
675
671
  }
676
672
 
677
673
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-content'] {
678
- @apply px-4 py-5;
674
+ @apply px-4 py-2;
679
675
  }
680
676
 
681
677
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-footer'] {
@@ -687,7 +683,7 @@
687
683
  }
688
684
 
689
685
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-content'] {
690
- @apply px-5 py-6;
686
+ @apply px-5 py-2;
691
687
  }
692
688
 
693
689
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-footer'] {
package/src/styles/style-mira.css CHANGED
@@ -528,15 +528,15 @@
528
528
 
529
529
  /* MARK: Card */
530
530
  .cn-card {
531
- @apply ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-lg text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg;
531
+ @apply ring-foreground/10 bg-card text-card-foreground overflow-hidden rounded-lg text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg;
532
532
  }
533
533
 
534
534
  .cn-card:not([data-sectioned]) {
535
- @apply py-2;
535
+ @apply py-0;
536
536
  }
537
537
 
538
538
  .cn-card[data-sectioned] {
539
- @apply gap-0 py-0;
539
+ @apply py-0;
540
540
  }
541
541
 
542
542
  .cn-card-with-border {
@@ -552,7 +552,7 @@
552
552
  }
553
553
 
554
554
  .cn-card-header {
555
- @apply gap-1 items-start rounded-t-lg px-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
555
+ @apply gap-1 items-start rounded-t-lg px-3 py-2 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
556
556
  }
557
557
 
558
558
  .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description'])) {
@@ -628,15 +628,11 @@
628
628
  }
629
629
 
630
630
  .cn-card-content {
631
- @apply px-4 py-4;
631
+ @apply px-4 py-2;
632
632
  }
633
633
 
634
634
  .cn-card-footer {
635
- @apply rounded-b-lg px-3;
636
- }
637
-
638
- .cn-card:not([data-sectioned]) .cn-card-footer {
639
- @apply pt-3;
635
+ @apply rounded-b-lg px-3 py-2;
640
636
  }
641
637
 
642
638
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-header'] {
@@ -644,7 +640,7 @@
644
640
  }
645
641
 
646
642
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-content'] {
647
- @apply px-2.5 py-3;
643
+ @apply px-2.5 py-2;
648
644
  }
649
645
 
650
646
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-footer'] {
@@ -656,7 +652,7 @@
656
652
  }
657
653
 
658
654
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-content'] {
659
- @apply px-2.5 py-3;
655
+ @apply px-2.5 py-2;
660
656
  }
661
657
 
662
658
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-footer'] {
@@ -668,7 +664,7 @@
668
664
  }
669
665
 
670
666
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-content'] {
671
- @apply px-3 py-4;
667
+ @apply px-3 py-2;
672
668
  }
673
669
 
674
670
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-footer'] {
@@ -680,7 +676,7 @@
680
676
  }
681
677
 
682
678
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-content'] {
683
- @apply px-4 py-5;
679
+ @apply px-4 py-2;
684
680
  }
685
681
 
686
682
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-footer'] {
@@ -692,7 +688,7 @@
692
688
  }
693
689
 
694
690
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-content'] {
695
- @apply px-5 py-6;
691
+ @apply px-5 py-2;
696
692
  }
697
693
 
698
694
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-footer'] {
package/src/styles/style-nova.css CHANGED
@@ -524,15 +524,15 @@
524
524
 
525
525
  /* MARK: Card */
526
526
  .cn-card {
527
- @apply ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl text-sm ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl;
527
+ @apply ring-foreground/10 bg-card text-card-foreground overflow-hidden rounded-xl text-sm ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl;
528
528
  }
529
529
 
530
530
  .cn-card:not([data-sectioned]) {
531
- @apply py-2 has-data-[slot=card-footer]:pb-0;
531
+ @apply py-0;
532
532
  }
533
533
 
534
534
  .cn-card[data-sectioned] {
535
- @apply gap-0 py-0;
535
+ @apply py-0;
536
536
  }
537
537
 
538
538
  .cn-card-with-border {
@@ -548,7 +548,7 @@
548
548
  }
549
549
 
550
550
  .cn-card-header {
551
- @apply gap-1 items-start rounded-t-xl px-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
551
+ @apply gap-1 items-start rounded-t-xl px-3 py-2 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
552
552
  }
553
553
 
554
554
  .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description'])) {
@@ -619,15 +619,11 @@
619
619
  }
620
620
 
621
621
  .cn-card-content {
622
- @apply px-4 py-4;
622
+ @apply px-4 py-2;
623
623
  }
624
624
 
625
625
  .cn-card-footer {
626
- @apply bg-muted/50 rounded-b-xl border-t;
627
- }
628
-
629
- .cn-card:not([data-sectioned]) .cn-card-footer {
630
- @apply p-3;
626
+ @apply bg-muted/50 rounded-b-xl border-t px-3 py-2;
631
627
  }
632
628
 
633
629
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-header'] {
@@ -635,7 +631,7 @@
635
631
  }
636
632
 
637
633
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-content'] {
638
- @apply px-2.5 py-3;
634
+ @apply px-2.5 py-2;
639
635
  }
640
636
 
641
637
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-footer'] {
@@ -647,7 +643,7 @@
647
643
  }
648
644
 
649
645
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-content'] {
650
- @apply px-2.5 py-3;
646
+ @apply px-2.5 py-2;
651
647
  }
652
648
 
653
649
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-footer'] {
@@ -659,7 +655,7 @@
659
655
  }
660
656
 
661
657
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-content'] {
662
- @apply px-3 py-4;
658
+ @apply px-3 py-2;
663
659
  }
664
660
 
665
661
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-footer'] {
@@ -671,7 +667,7 @@
671
667
  }
672
668
 
673
669
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-content'] {
674
- @apply px-4 py-5;
670
+ @apply px-4 py-2;
675
671
  }
676
672
 
677
673
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-footer'] {
@@ -683,7 +679,7 @@
683
679
  }
684
680
 
685
681
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-content'] {
686
- @apply px-5 py-6;
682
+ @apply px-5 py-2;
687
683
  }
688
684
 
689
685
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-footer'] {
package/src/styles/style-vega.css CHANGED
@@ -520,15 +520,15 @@
520
520
 
521
521
  /* MARK: Card */
522
522
  .cn-card {
523
- @apply ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl;
523
+ @apply ring-foreground/10 bg-card text-card-foreground overflow-hidden rounded-xl text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl;
524
524
  }
525
525
 
526
526
  .cn-card:not([data-sectioned]) {
527
- @apply py-4;
527
+ @apply py-0;
528
528
  }
529
529
 
530
530
  .cn-card[data-sectioned] {
531
- @apply gap-0 py-0;
531
+ @apply py-0;
532
532
  }
533
533
 
534
534
  .cn-card-with-border {
@@ -544,7 +544,7 @@
544
544
  }
545
545
 
546
546
  .cn-card-header {
547
- @apply gap-1 items-start rounded-t-xl px-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
547
+ @apply gap-1 items-start rounded-t-xl px-3 py-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
548
548
  }
549
549
 
550
550
  .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description'])) {
@@ -615,15 +615,11 @@
615
615
  }
616
616
 
617
617
  .cn-card-content {
618
- @apply px-4 py-4;
618
+ @apply px-4 py-2;
619
619
  }
620
620
 
621
621
  .cn-card-footer {
622
- @apply rounded-b-xl px-3;
623
- }
624
-
625
- .cn-card:not([data-sectioned]) .cn-card-footer {
626
- @apply pt-3;
622
+ @apply rounded-b-xl px-3 py-3;
627
623
  }
628
624
 
629
625
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-header'] {
@@ -631,7 +627,7 @@
631
627
  }
632
628
 
633
629
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-content'] {
634
- @apply px-2.5 py-3;
630
+ @apply px-2.5 py-2;
635
631
  }
636
632
 
637
633
  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-footer'] {
@@ -643,7 +639,7 @@
643
639
  }
644
640
 
645
641
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-content'] {
646
- @apply px-2.5 py-3;
642
+ @apply px-2.5 py-2;
647
643
  }
648
644
 
649
645
  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-footer'] {
@@ -655,7 +651,7 @@
655
651
  }
656
652
 
657
653
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-content'] {
658
- @apply px-3 py-4;
654
+ @apply px-3 py-2;
659
655
  }
660
656
 
661
657
  .cn-card[data-sectioned][data-size='md'] [data-slot='card-footer'] {
@@ -667,7 +663,7 @@
667
663
  }
668
664
 
669
665
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-content'] {
670
- @apply px-4 py-5;
666
+ @apply px-4 py-2;
671
667
  }
672
668
 
673
669
  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-footer'] {
@@ -679,7 +675,7 @@
679
675
  }
680
676
 
681
677
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-content'] {
682
- @apply px-5 py-6;
678
+ @apply px-5 py-2;
683
679
  }
684
680
 
685
681
  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-footer'] {