@kushagradhawan/kookie-ui 0.1.32 → 0.1.33

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 (14) hide show
  1. package/components.css +253 -253
  2. package/package.json +1 -1
  3. package/src/components/_internal/base-card.css +14 -14
  4. package/src/components/_internal/base-dialog.css +8 -8
  5. package/src/components/accordion.css +4 -4
  6. package/src/components/callout.css +3 -3
  7. package/src/components/image.css +1 -1
  8. package/src/components/popover.css +8 -8
  9. package/src/components/text-area.css +5 -5
  10. package/src/styles/tokens/radius.css +7 -2
  11. package/src/styles/tokens/space.css +6 -0
  12. package/styles.css +255 -255
  13. package/tokens/base.css +2 -2
  14. package/tokens.css +2 -2
package/styles.css CHANGED
@@ -4714,8 +4714,8 @@
4714
4714
  --radius-5: calc(16px * var(--scaling) * var(--radius-factor));
4715
4715
  --radius-6: calc(20px * var(--scaling) * var(--radius-factor));
4716
4716
  --radius-7: calc(24px * var(--scaling) * var(--radius-factor));
4717
- --radius-8: calc(32px * var(--scaling) * var(--radius-factor));
4718
- --radius-9: calc(40px * var(--scaling) * var(--radius-factor));
4717
+ --radius-8: calc(28px * var(--scaling) * var(--radius-factor));
4718
+ --radius-9: calc(32px * var(--scaling) * var(--radius-factor));
4719
4719
  }
4720
4720
  [data-radius='none']{
4721
4721
  --radius-factor: 0;
@@ -5922,85 +5922,85 @@
5922
5922
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
5923
5923
  }
5924
5924
  .rt-AccordionRoot:where(.rt-r-size-1){
5925
- border-radius: var(--radius-2);
5925
+ border-radius: var(--radius-1);
5926
5926
  }
5927
5927
  .rt-AccordionRoot:where(.rt-r-size-2){
5928
- border-radius: var(--radius-3);
5928
+ border-radius: var(--radius-2);
5929
5929
  }
5930
5930
  .rt-AccordionRoot:where(.rt-r-size-3){
5931
- border-radius: var(--radius-4);
5931
+ border-radius: var(--radius-3);
5932
5932
  }
5933
5933
  .rt-AccordionRoot:where(.rt-r-size-4){
5934
- border-radius: var(--radius-5);
5934
+ border-radius: var(--radius-4);
5935
5935
  }
5936
5936
  @media (min-width: 520px){
5937
5937
  .rt-AccordionRoot:where(.xs\:rt-r-size-1){
5938
- border-radius: var(--radius-2);
5938
+ border-radius: var(--radius-1);
5939
5939
  }
5940
5940
  .rt-AccordionRoot:where(.xs\:rt-r-size-2){
5941
- border-radius: var(--radius-3);
5941
+ border-radius: var(--radius-2);
5942
5942
  }
5943
5943
  .rt-AccordionRoot:where(.xs\:rt-r-size-3){
5944
- border-radius: var(--radius-4);
5944
+ border-radius: var(--radius-3);
5945
5945
  }
5946
5946
  .rt-AccordionRoot:where(.xs\:rt-r-size-4){
5947
- border-radius: var(--radius-5);
5947
+ border-radius: var(--radius-4);
5948
5948
  }
5949
5949
  }
5950
5950
  @media (min-width: 768px){
5951
5951
  .rt-AccordionRoot:where(.sm\:rt-r-size-1){
5952
- border-radius: var(--radius-2);
5952
+ border-radius: var(--radius-1);
5953
5953
  }
5954
5954
  .rt-AccordionRoot:where(.sm\:rt-r-size-2){
5955
- border-radius: var(--radius-3);
5955
+ border-radius: var(--radius-2);
5956
5956
  }
5957
5957
  .rt-AccordionRoot:where(.sm\:rt-r-size-3){
5958
- border-radius: var(--radius-4);
5958
+ border-radius: var(--radius-3);
5959
5959
  }
5960
5960
  .rt-AccordionRoot:where(.sm\:rt-r-size-4){
5961
- border-radius: var(--radius-5);
5961
+ border-radius: var(--radius-4);
5962
5962
  }
5963
5963
  }
5964
5964
  @media (min-width: 1024px){
5965
5965
  .rt-AccordionRoot:where(.md\:rt-r-size-1){
5966
- border-radius: var(--radius-2);
5966
+ border-radius: var(--radius-1);
5967
5967
  }
5968
5968
  .rt-AccordionRoot:where(.md\:rt-r-size-2){
5969
- border-radius: var(--radius-3);
5969
+ border-radius: var(--radius-2);
5970
5970
  }
5971
5971
  .rt-AccordionRoot:where(.md\:rt-r-size-3){
5972
- border-radius: var(--radius-4);
5972
+ border-radius: var(--radius-3);
5973
5973
  }
5974
5974
  .rt-AccordionRoot:where(.md\:rt-r-size-4){
5975
- border-radius: var(--radius-5);
5975
+ border-radius: var(--radius-4);
5976
5976
  }
5977
5977
  }
5978
5978
  @media (min-width: 1280px){
5979
5979
  .rt-AccordionRoot:where(.lg\:rt-r-size-1){
5980
- border-radius: var(--radius-2);
5980
+ border-radius: var(--radius-1);
5981
5981
  }
5982
5982
  .rt-AccordionRoot:where(.lg\:rt-r-size-2){
5983
- border-radius: var(--radius-3);
5983
+ border-radius: var(--radius-2);
5984
5984
  }
5985
5985
  .rt-AccordionRoot:where(.lg\:rt-r-size-3){
5986
- border-radius: var(--radius-4);
5986
+ border-radius: var(--radius-3);
5987
5987
  }
5988
5988
  .rt-AccordionRoot:where(.lg\:rt-r-size-4){
5989
- border-radius: var(--radius-5);
5989
+ border-radius: var(--radius-4);
5990
5990
  }
5991
5991
  }
5992
5992
  @media (min-width: 1640px){
5993
5993
  .rt-AccordionRoot:where(.xl\:rt-r-size-1){
5994
- border-radius: var(--radius-2);
5994
+ border-radius: var(--radius-1);
5995
5995
  }
5996
5996
  .rt-AccordionRoot:where(.xl\:rt-r-size-2){
5997
- border-radius: var(--radius-3);
5997
+ border-radius: var(--radius-2);
5998
5998
  }
5999
5999
  .rt-AccordionRoot:where(.xl\:rt-r-size-3){
6000
- border-radius: var(--radius-4);
6000
+ border-radius: var(--radius-3);
6001
6001
  }
6002
6002
  .rt-AccordionRoot:where(.xl\:rt-r-size-4){
6003
- border-radius: var(--radius-5);
6003
+ border-radius: var(--radius-4);
6004
6004
  }
6005
6005
  }
6006
6006
  :where(.rt-AccordionRoot:where(.rt-variant-surface)){
@@ -6568,109 +6568,109 @@
6568
6568
  backdrop-filter: var(--backdrop-filter-dialog);
6569
6569
  }
6570
6570
  .rt-BaseDialogContent:where(.rt-r-size-1){
6571
- --dialog-content-padding: var(--space-4);
6572
- border-radius: var(--radius-5);
6571
+ --dialog-content-padding: var(--space-5);
6572
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
6573
6573
  }
6574
6574
  .rt-BaseDialogContent:where(.rt-r-size-2){
6575
- --dialog-content-padding: var(--space-5);
6576
- border-radius: var(--radius-6);
6575
+ --dialog-content-padding: var(--space-6);
6576
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
6577
6577
  }
6578
6578
  .rt-BaseDialogContent:where(.rt-r-size-3){
6579
- --dialog-content-padding: var(--space-6);
6580
- border-radius: var(--radius-7);
6579
+ --dialog-content-padding: var(--space-7);
6580
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
6581
6581
  }
6582
6582
  .rt-BaseDialogContent:where(.rt-r-size-4){
6583
- --dialog-content-padding: var(--space-7);
6584
- border-radius: var(--radius-8);
6583
+ --dialog-content-padding: var(--space-8);
6584
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
6585
6585
  }
6586
6586
  @media (min-width: 520px){
6587
6587
  .rt-BaseDialogContent:where(.xs\:rt-r-size-1){
6588
- --dialog-content-padding: var(--space-4);
6589
- border-radius: var(--radius-5);
6588
+ --dialog-content-padding: var(--space-5);
6589
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
6590
6590
  }
6591
6591
  .rt-BaseDialogContent:where(.xs\:rt-r-size-2){
6592
- --dialog-content-padding: var(--space-5);
6593
- border-radius: var(--radius-6);
6592
+ --dialog-content-padding: var(--space-6);
6593
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
6594
6594
  }
6595
6595
  .rt-BaseDialogContent:where(.xs\:rt-r-size-3){
6596
- --dialog-content-padding: var(--space-6);
6597
- border-radius: var(--radius-7);
6596
+ --dialog-content-padding: var(--space-7);
6597
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
6598
6598
  }
6599
6599
  .rt-BaseDialogContent:where(.xs\:rt-r-size-4){
6600
- --dialog-content-padding: var(--space-7);
6601
- border-radius: var(--radius-8);
6600
+ --dialog-content-padding: var(--space-8);
6601
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
6602
6602
  }
6603
6603
  }
6604
6604
  @media (min-width: 768px){
6605
6605
  .rt-BaseDialogContent:where(.sm\:rt-r-size-1){
6606
- --dialog-content-padding: var(--space-4);
6607
- border-radius: var(--radius-5);
6606
+ --dialog-content-padding: var(--space-5);
6607
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
6608
6608
  }
6609
6609
  .rt-BaseDialogContent:where(.sm\:rt-r-size-2){
6610
- --dialog-content-padding: var(--space-5);
6611
- border-radius: var(--radius-6);
6610
+ --dialog-content-padding: var(--space-6);
6611
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
6612
6612
  }
6613
6613
  .rt-BaseDialogContent:where(.sm\:rt-r-size-3){
6614
- --dialog-content-padding: var(--space-6);
6615
- border-radius: var(--radius-7);
6614
+ --dialog-content-padding: var(--space-7);
6615
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
6616
6616
  }
6617
6617
  .rt-BaseDialogContent:where(.sm\:rt-r-size-4){
6618
- --dialog-content-padding: var(--space-7);
6619
- border-radius: var(--radius-8);
6618
+ --dialog-content-padding: var(--space-8);
6619
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
6620
6620
  }
6621
6621
  }
6622
6622
  @media (min-width: 1024px){
6623
6623
  .rt-BaseDialogContent:where(.md\:rt-r-size-1){
6624
- --dialog-content-padding: var(--space-4);
6625
- border-radius: var(--radius-5);
6624
+ --dialog-content-padding: var(--space-5);
6625
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
6626
6626
  }
6627
6627
  .rt-BaseDialogContent:where(.md\:rt-r-size-2){
6628
- --dialog-content-padding: var(--space-5);
6629
- border-radius: var(--radius-6);
6628
+ --dialog-content-padding: var(--space-6);
6629
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
6630
6630
  }
6631
6631
  .rt-BaseDialogContent:where(.md\:rt-r-size-3){
6632
- --dialog-content-padding: var(--space-6);
6633
- border-radius: var(--radius-7);
6632
+ --dialog-content-padding: var(--space-7);
6633
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
6634
6634
  }
6635
6635
  .rt-BaseDialogContent:where(.md\:rt-r-size-4){
6636
- --dialog-content-padding: var(--space-7);
6637
- border-radius: var(--radius-8);
6636
+ --dialog-content-padding: var(--space-8);
6637
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
6638
6638
  }
6639
6639
  }
6640
6640
  @media (min-width: 1280px){
6641
6641
  .rt-BaseDialogContent:where(.lg\:rt-r-size-1){
6642
- --dialog-content-padding: var(--space-4);
6643
- border-radius: var(--radius-5);
6642
+ --dialog-content-padding: var(--space-5);
6643
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
6644
6644
  }
6645
6645
  .rt-BaseDialogContent:where(.lg\:rt-r-size-2){
6646
- --dialog-content-padding: var(--space-5);
6647
- border-radius: var(--radius-6);
6646
+ --dialog-content-padding: var(--space-6);
6647
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
6648
6648
  }
6649
6649
  .rt-BaseDialogContent:where(.lg\:rt-r-size-3){
6650
- --dialog-content-padding: var(--space-6);
6651
- border-radius: var(--radius-7);
6650
+ --dialog-content-padding: var(--space-7);
6651
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
6652
6652
  }
6653
6653
  .rt-BaseDialogContent:where(.lg\:rt-r-size-4){
6654
- --dialog-content-padding: var(--space-7);
6655
- border-radius: var(--radius-8);
6654
+ --dialog-content-padding: var(--space-8);
6655
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
6656
6656
  }
6657
6657
  }
6658
6658
  @media (min-width: 1640px){
6659
6659
  .rt-BaseDialogContent:where(.xl\:rt-r-size-1){
6660
- --dialog-content-padding: var(--space-4);
6661
- border-radius: var(--radius-5);
6660
+ --dialog-content-padding: var(--space-5);
6661
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
6662
6662
  }
6663
6663
  .rt-BaseDialogContent:where(.xl\:rt-r-size-2){
6664
- --dialog-content-padding: var(--space-5);
6665
- border-radius: var(--radius-6);
6664
+ --dialog-content-padding: var(--space-6);
6665
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
6666
6666
  }
6667
6667
  .rt-BaseDialogContent:where(.xl\:rt-r-size-3){
6668
- --dialog-content-padding: var(--space-6);
6669
- border-radius: var(--radius-7);
6668
+ --dialog-content-padding: var(--space-7);
6669
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
6670
6670
  }
6671
6671
  .rt-BaseDialogContent:where(.xl\:rt-r-size-4){
6672
- --dialog-content-padding: var(--space-7);
6673
- border-radius: var(--radius-8);
6672
+ --dialog-content-padding: var(--space-8);
6673
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
6674
6674
  }
6675
6675
  }
6676
6676
  @media (prefers-reduced-motion: no-preference) {
@@ -9478,7 +9478,7 @@
9478
9478
  row-gap: var(--space-2);
9479
9479
  column-gap: var(--space-2);
9480
9480
  padding: var(--space-3);
9481
- border-radius: var(--radius-3);
9481
+ border-radius: var(--radius-1);
9482
9482
  --callout-icon-height: var(--line-height-1);
9483
9483
  --callout-icon-size: var(--content-icon-size-1);
9484
9484
  }
@@ -9486,7 +9486,7 @@
9486
9486
  row-gap: var(--space-2);
9487
9487
  column-gap: var(--space-3);
9488
9488
  padding: var(--space-4);
9489
- border-radius: var(--radius-4);
9489
+ border-radius: var(--radius-2);
9490
9490
  --callout-icon-height: var(--line-height-2);
9491
9491
  --callout-icon-size: var(--content-icon-size-2);
9492
9492
  }
@@ -9494,7 +9494,7 @@
9494
9494
  row-gap: var(--space-3);
9495
9495
  column-gap: var(--space-4);
9496
9496
  padding: var(--space-5);
9497
- border-radius: var(--radius-5);
9497
+ border-radius: var(--radius-3);
9498
9498
  --callout-icon-height: var(--line-height-3);
9499
9499
  --callout-icon-size: var(--content-icon-size-3);
9500
9500
  }
@@ -9503,7 +9503,7 @@
9503
9503
  row-gap: var(--space-2);
9504
9504
  column-gap: var(--space-2);
9505
9505
  padding: var(--space-3);
9506
- border-radius: var(--radius-3);
9506
+ border-radius: var(--radius-1);
9507
9507
  --callout-icon-height: var(--line-height-1);
9508
9508
  --callout-icon-size: var(--content-icon-size-1);
9509
9509
  }
@@ -9511,7 +9511,7 @@
9511
9511
  row-gap: var(--space-2);
9512
9512
  column-gap: var(--space-3);
9513
9513
  padding: var(--space-4);
9514
- border-radius: var(--radius-4);
9514
+ border-radius: var(--radius-2);
9515
9515
  --callout-icon-height: var(--line-height-2);
9516
9516
  --callout-icon-size: var(--content-icon-size-2);
9517
9517
  }
@@ -9519,7 +9519,7 @@
9519
9519
  row-gap: var(--space-3);
9520
9520
  column-gap: var(--space-4);
9521
9521
  padding: var(--space-5);
9522
- border-radius: var(--radius-5);
9522
+ border-radius: var(--radius-3);
9523
9523
  --callout-icon-height: var(--line-height-3);
9524
9524
  --callout-icon-size: var(--content-icon-size-3);
9525
9525
  }
@@ -9529,7 +9529,7 @@
9529
9529
  row-gap: var(--space-2);
9530
9530
  column-gap: var(--space-2);
9531
9531
  padding: var(--space-3);
9532
- border-radius: var(--radius-3);
9532
+ border-radius: var(--radius-1);
9533
9533
  --callout-icon-height: var(--line-height-1);
9534
9534
  --callout-icon-size: var(--content-icon-size-1);
9535
9535
  }
@@ -9537,7 +9537,7 @@
9537
9537
  row-gap: var(--space-2);
9538
9538
  column-gap: var(--space-3);
9539
9539
  padding: var(--space-4);
9540
- border-radius: var(--radius-4);
9540
+ border-radius: var(--radius-2);
9541
9541
  --callout-icon-height: var(--line-height-2);
9542
9542
  --callout-icon-size: var(--content-icon-size-2);
9543
9543
  }
@@ -9545,7 +9545,7 @@
9545
9545
  row-gap: var(--space-3);
9546
9546
  column-gap: var(--space-4);
9547
9547
  padding: var(--space-5);
9548
- border-radius: var(--radius-5);
9548
+ border-radius: var(--radius-3);
9549
9549
  --callout-icon-height: var(--line-height-3);
9550
9550
  --callout-icon-size: var(--content-icon-size-3);
9551
9551
  }
@@ -9555,7 +9555,7 @@
9555
9555
  row-gap: var(--space-2);
9556
9556
  column-gap: var(--space-2);
9557
9557
  padding: var(--space-3);
9558
- border-radius: var(--radius-3);
9558
+ border-radius: var(--radius-1);
9559
9559
  --callout-icon-height: var(--line-height-1);
9560
9560
  --callout-icon-size: var(--content-icon-size-1);
9561
9561
  }
@@ -9563,7 +9563,7 @@
9563
9563
  row-gap: var(--space-2);
9564
9564
  column-gap: var(--space-3);
9565
9565
  padding: var(--space-4);
9566
- border-radius: var(--radius-4);
9566
+ border-radius: var(--radius-2);
9567
9567
  --callout-icon-height: var(--line-height-2);
9568
9568
  --callout-icon-size: var(--content-icon-size-2);
9569
9569
  }
@@ -9571,7 +9571,7 @@
9571
9571
  row-gap: var(--space-3);
9572
9572
  column-gap: var(--space-4);
9573
9573
  padding: var(--space-5);
9574
- border-radius: var(--radius-5);
9574
+ border-radius: var(--radius-3);
9575
9575
  --callout-icon-height: var(--line-height-3);
9576
9576
  --callout-icon-size: var(--content-icon-size-3);
9577
9577
  }
@@ -9581,7 +9581,7 @@
9581
9581
  row-gap: var(--space-2);
9582
9582
  column-gap: var(--space-2);
9583
9583
  padding: var(--space-3);
9584
- border-radius: var(--radius-3);
9584
+ border-radius: var(--radius-1);
9585
9585
  --callout-icon-height: var(--line-height-1);
9586
9586
  --callout-icon-size: var(--content-icon-size-1);
9587
9587
  }
@@ -9589,7 +9589,7 @@
9589
9589
  row-gap: var(--space-2);
9590
9590
  column-gap: var(--space-3);
9591
9591
  padding: var(--space-4);
9592
- border-radius: var(--radius-4);
9592
+ border-radius: var(--radius-2);
9593
9593
  --callout-icon-height: var(--line-height-2);
9594
9594
  --callout-icon-size: var(--content-icon-size-2);
9595
9595
  }
@@ -9597,7 +9597,7 @@
9597
9597
  row-gap: var(--space-3);
9598
9598
  column-gap: var(--space-4);
9599
9599
  padding: var(--space-5);
9600
- border-radius: var(--radius-5);
9600
+ border-radius: var(--radius-3);
9601
9601
  --callout-icon-height: var(--line-height-3);
9602
9602
  --callout-icon-size: var(--content-icon-size-3);
9603
9603
  }
@@ -9607,7 +9607,7 @@
9607
9607
  row-gap: var(--space-2);
9608
9608
  column-gap: var(--space-2);
9609
9609
  padding: var(--space-3);
9610
- border-radius: var(--radius-3);
9610
+ border-radius: var(--radius-1);
9611
9611
  --callout-icon-height: var(--line-height-1);
9612
9612
  --callout-icon-size: var(--content-icon-size-1);
9613
9613
  }
@@ -9615,7 +9615,7 @@
9615
9615
  row-gap: var(--space-2);
9616
9616
  column-gap: var(--space-3);
9617
9617
  padding: var(--space-4);
9618
- border-radius: var(--radius-4);
9618
+ border-radius: var(--radius-2);
9619
9619
  --callout-icon-height: var(--line-height-2);
9620
9620
  --callout-icon-size: var(--content-icon-size-2);
9621
9621
  }
@@ -9623,7 +9623,7 @@
9623
9623
  row-gap: var(--space-3);
9624
9624
  column-gap: var(--space-4);
9625
9625
  padding: var(--space-5);
9626
- border-radius: var(--radius-5);
9626
+ border-radius: var(--radius-3);
9627
9627
  --callout-icon-height: var(--line-height-3);
9628
9628
  --callout-icon-size: var(--content-icon-size-3);
9629
9629
  }
@@ -9768,223 +9768,223 @@
9768
9768
  backdrop-filter: none !important;
9769
9769
  }
9770
9770
  .rt-BaseCard:where(.rt-r-size-1){
9771
+ --base-card-padding-top: var(--space-2);
9772
+ --base-card-padding-right: var(--space-2);
9773
+ --base-card-padding-bottom: var(--space-2);
9774
+ --base-card-padding-left: var(--space-2);
9775
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9776
+ }
9777
+ .rt-BaseCard:where(.rt-r-size-2){
9771
9778
  --base-card-padding-top: var(--space-3);
9772
9779
  --base-card-padding-right: var(--space-3);
9773
9780
  --base-card-padding-bottom: var(--space-3);
9774
9781
  --base-card-padding-left: var(--space-3);
9775
- --base-card-border-radius: var(--radius-5);
9782
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9776
9783
  }
9777
- .rt-BaseCard:where(.rt-r-size-2){
9784
+ .rt-BaseCard:where(.rt-r-size-3){
9778
9785
  --base-card-padding-top: var(--space-4);
9779
9786
  --base-card-padding-right: var(--space-4);
9780
9787
  --base-card-padding-bottom: var(--space-4);
9781
9788
  --base-card-padding-left: var(--space-4);
9782
- --base-card-border-radius: var(--radius-6);
9789
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9783
9790
  }
9784
- .rt-BaseCard:where(.rt-r-size-3){
9791
+ .rt-BaseCard:where(.rt-r-size-4){
9785
9792
  --base-card-padding-top: var(--space-5);
9786
9793
  --base-card-padding-right: var(--space-5);
9787
9794
  --base-card-padding-bottom: var(--space-5);
9788
9795
  --base-card-padding-left: var(--space-5);
9789
- --base-card-border-radius: var(--radius-7);
9796
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9790
9797
  }
9791
- .rt-BaseCard:where(.rt-r-size-4){
9798
+ .rt-BaseCard:where(.rt-r-size-5){
9792
9799
  --base-card-padding-top: var(--space-6);
9793
9800
  --base-card-padding-right: var(--space-6);
9794
9801
  --base-card-padding-bottom: var(--space-6);
9795
9802
  --base-card-padding-left: var(--space-6);
9796
- --base-card-border-radius: var(--radius-8);
9797
- }
9798
- .rt-BaseCard:where(.rt-r-size-5){
9799
- --base-card-padding-top: var(--space-7);
9800
- --base-card-padding-right: var(--space-7);
9801
- --base-card-padding-bottom: var(--space-7);
9802
- --base-card-padding-left: var(--space-7);
9803
- --base-card-border-radius: var(--radius-9);
9803
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9804
9804
  }
9805
9805
  @media (min-width: 520px){
9806
9806
  .rt-BaseCard:where(.xs\:rt-r-size-1){
9807
+ --base-card-padding-top: var(--space-2);
9808
+ --base-card-padding-right: var(--space-2);
9809
+ --base-card-padding-bottom: var(--space-2);
9810
+ --base-card-padding-left: var(--space-2);
9811
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9812
+ }
9813
+ .rt-BaseCard:where(.xs\:rt-r-size-2){
9807
9814
  --base-card-padding-top: var(--space-3);
9808
9815
  --base-card-padding-right: var(--space-3);
9809
9816
  --base-card-padding-bottom: var(--space-3);
9810
9817
  --base-card-padding-left: var(--space-3);
9811
- --base-card-border-radius: var(--radius-5);
9818
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9812
9819
  }
9813
- .rt-BaseCard:where(.xs\:rt-r-size-2){
9820
+ .rt-BaseCard:where(.xs\:rt-r-size-3){
9814
9821
  --base-card-padding-top: var(--space-4);
9815
9822
  --base-card-padding-right: var(--space-4);
9816
9823
  --base-card-padding-bottom: var(--space-4);
9817
9824
  --base-card-padding-left: var(--space-4);
9818
- --base-card-border-radius: var(--radius-6);
9825
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9819
9826
  }
9820
- .rt-BaseCard:where(.xs\:rt-r-size-3){
9827
+ .rt-BaseCard:where(.xs\:rt-r-size-4){
9821
9828
  --base-card-padding-top: var(--space-5);
9822
9829
  --base-card-padding-right: var(--space-5);
9823
9830
  --base-card-padding-bottom: var(--space-5);
9824
9831
  --base-card-padding-left: var(--space-5);
9825
- --base-card-border-radius: var(--radius-7);
9832
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9826
9833
  }
9827
- .rt-BaseCard:where(.xs\:rt-r-size-4){
9834
+ .rt-BaseCard:where(.xs\:rt-r-size-5){
9828
9835
  --base-card-padding-top: var(--space-6);
9829
9836
  --base-card-padding-right: var(--space-6);
9830
9837
  --base-card-padding-bottom: var(--space-6);
9831
9838
  --base-card-padding-left: var(--space-6);
9832
- --base-card-border-radius: var(--radius-8);
9833
- }
9834
- .rt-BaseCard:where(.xs\:rt-r-size-5){
9835
- --base-card-padding-top: var(--space-7);
9836
- --base-card-padding-right: var(--space-7);
9837
- --base-card-padding-bottom: var(--space-7);
9838
- --base-card-padding-left: var(--space-7);
9839
- --base-card-border-radius: var(--radius-9);
9839
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9840
9840
  }
9841
9841
  }
9842
9842
  @media (min-width: 768px){
9843
9843
  .rt-BaseCard:where(.sm\:rt-r-size-1){
9844
+ --base-card-padding-top: var(--space-2);
9845
+ --base-card-padding-right: var(--space-2);
9846
+ --base-card-padding-bottom: var(--space-2);
9847
+ --base-card-padding-left: var(--space-2);
9848
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9849
+ }
9850
+ .rt-BaseCard:where(.sm\:rt-r-size-2){
9844
9851
  --base-card-padding-top: var(--space-3);
9845
9852
  --base-card-padding-right: var(--space-3);
9846
9853
  --base-card-padding-bottom: var(--space-3);
9847
9854
  --base-card-padding-left: var(--space-3);
9848
- --base-card-border-radius: var(--radius-5);
9855
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9849
9856
  }
9850
- .rt-BaseCard:where(.sm\:rt-r-size-2){
9857
+ .rt-BaseCard:where(.sm\:rt-r-size-3){
9851
9858
  --base-card-padding-top: var(--space-4);
9852
9859
  --base-card-padding-right: var(--space-4);
9853
9860
  --base-card-padding-bottom: var(--space-4);
9854
9861
  --base-card-padding-left: var(--space-4);
9855
- --base-card-border-radius: var(--radius-6);
9862
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9856
9863
  }
9857
- .rt-BaseCard:where(.sm\:rt-r-size-3){
9864
+ .rt-BaseCard:where(.sm\:rt-r-size-4){
9858
9865
  --base-card-padding-top: var(--space-5);
9859
9866
  --base-card-padding-right: var(--space-5);
9860
9867
  --base-card-padding-bottom: var(--space-5);
9861
9868
  --base-card-padding-left: var(--space-5);
9862
- --base-card-border-radius: var(--radius-7);
9869
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9863
9870
  }
9864
- .rt-BaseCard:where(.sm\:rt-r-size-4){
9871
+ .rt-BaseCard:where(.sm\:rt-r-size-5){
9865
9872
  --base-card-padding-top: var(--space-6);
9866
9873
  --base-card-padding-right: var(--space-6);
9867
9874
  --base-card-padding-bottom: var(--space-6);
9868
9875
  --base-card-padding-left: var(--space-6);
9869
- --base-card-border-radius: var(--radius-8);
9870
- }
9871
- .rt-BaseCard:where(.sm\:rt-r-size-5){
9872
- --base-card-padding-top: var(--space-7);
9873
- --base-card-padding-right: var(--space-7);
9874
- --base-card-padding-bottom: var(--space-7);
9875
- --base-card-padding-left: var(--space-7);
9876
- --base-card-border-radius: var(--radius-9);
9876
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9877
9877
  }
9878
9878
  }
9879
9879
  @media (min-width: 1024px){
9880
9880
  .rt-BaseCard:where(.md\:rt-r-size-1){
9881
+ --base-card-padding-top: var(--space-2);
9882
+ --base-card-padding-right: var(--space-2);
9883
+ --base-card-padding-bottom: var(--space-2);
9884
+ --base-card-padding-left: var(--space-2);
9885
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9886
+ }
9887
+ .rt-BaseCard:where(.md\:rt-r-size-2){
9881
9888
  --base-card-padding-top: var(--space-3);
9882
9889
  --base-card-padding-right: var(--space-3);
9883
9890
  --base-card-padding-bottom: var(--space-3);
9884
9891
  --base-card-padding-left: var(--space-3);
9885
- --base-card-border-radius: var(--radius-5);
9892
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9886
9893
  }
9887
- .rt-BaseCard:where(.md\:rt-r-size-2){
9894
+ .rt-BaseCard:where(.md\:rt-r-size-3){
9888
9895
  --base-card-padding-top: var(--space-4);
9889
9896
  --base-card-padding-right: var(--space-4);
9890
9897
  --base-card-padding-bottom: var(--space-4);
9891
9898
  --base-card-padding-left: var(--space-4);
9892
- --base-card-border-radius: var(--radius-6);
9899
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9893
9900
  }
9894
- .rt-BaseCard:where(.md\:rt-r-size-3){
9901
+ .rt-BaseCard:where(.md\:rt-r-size-4){
9895
9902
  --base-card-padding-top: var(--space-5);
9896
9903
  --base-card-padding-right: var(--space-5);
9897
9904
  --base-card-padding-bottom: var(--space-5);
9898
9905
  --base-card-padding-left: var(--space-5);
9899
- --base-card-border-radius: var(--radius-7);
9906
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9900
9907
  }
9901
- .rt-BaseCard:where(.md\:rt-r-size-4){
9908
+ .rt-BaseCard:where(.md\:rt-r-size-5){
9902
9909
  --base-card-padding-top: var(--space-6);
9903
9910
  --base-card-padding-right: var(--space-6);
9904
9911
  --base-card-padding-bottom: var(--space-6);
9905
9912
  --base-card-padding-left: var(--space-6);
9906
- --base-card-border-radius: var(--radius-8);
9907
- }
9908
- .rt-BaseCard:where(.md\:rt-r-size-5){
9909
- --base-card-padding-top: var(--space-7);
9910
- --base-card-padding-right: var(--space-7);
9911
- --base-card-padding-bottom: var(--space-7);
9912
- --base-card-padding-left: var(--space-7);
9913
- --base-card-border-radius: var(--radius-9);
9913
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9914
9914
  }
9915
9915
  }
9916
9916
  @media (min-width: 1280px){
9917
9917
  .rt-BaseCard:where(.lg\:rt-r-size-1){
9918
+ --base-card-padding-top: var(--space-2);
9919
+ --base-card-padding-right: var(--space-2);
9920
+ --base-card-padding-bottom: var(--space-2);
9921
+ --base-card-padding-left: var(--space-2);
9922
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9923
+ }
9924
+ .rt-BaseCard:where(.lg\:rt-r-size-2){
9918
9925
  --base-card-padding-top: var(--space-3);
9919
9926
  --base-card-padding-right: var(--space-3);
9920
9927
  --base-card-padding-bottom: var(--space-3);
9921
9928
  --base-card-padding-left: var(--space-3);
9922
- --base-card-border-radius: var(--radius-5);
9929
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9923
9930
  }
9924
- .rt-BaseCard:where(.lg\:rt-r-size-2){
9931
+ .rt-BaseCard:where(.lg\:rt-r-size-3){
9925
9932
  --base-card-padding-top: var(--space-4);
9926
9933
  --base-card-padding-right: var(--space-4);
9927
9934
  --base-card-padding-bottom: var(--space-4);
9928
9935
  --base-card-padding-left: var(--space-4);
9929
- --base-card-border-radius: var(--radius-6);
9936
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9930
9937
  }
9931
- .rt-BaseCard:where(.lg\:rt-r-size-3){
9938
+ .rt-BaseCard:where(.lg\:rt-r-size-4){
9932
9939
  --base-card-padding-top: var(--space-5);
9933
9940
  --base-card-padding-right: var(--space-5);
9934
9941
  --base-card-padding-bottom: var(--space-5);
9935
9942
  --base-card-padding-left: var(--space-5);
9936
- --base-card-border-radius: var(--radius-7);
9943
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9937
9944
  }
9938
- .rt-BaseCard:where(.lg\:rt-r-size-4){
9945
+ .rt-BaseCard:where(.lg\:rt-r-size-5){
9939
9946
  --base-card-padding-top: var(--space-6);
9940
9947
  --base-card-padding-right: var(--space-6);
9941
9948
  --base-card-padding-bottom: var(--space-6);
9942
9949
  --base-card-padding-left: var(--space-6);
9943
- --base-card-border-radius: var(--radius-8);
9944
- }
9945
- .rt-BaseCard:where(.lg\:rt-r-size-5){
9946
- --base-card-padding-top: var(--space-7);
9947
- --base-card-padding-right: var(--space-7);
9948
- --base-card-padding-bottom: var(--space-7);
9949
- --base-card-padding-left: var(--space-7);
9950
- --base-card-border-radius: var(--radius-9);
9950
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9951
9951
  }
9952
9952
  }
9953
9953
  @media (min-width: 1640px){
9954
9954
  .rt-BaseCard:where(.xl\:rt-r-size-1){
9955
+ --base-card-padding-top: var(--space-2);
9956
+ --base-card-padding-right: var(--space-2);
9957
+ --base-card-padding-bottom: var(--space-2);
9958
+ --base-card-padding-left: var(--space-2);
9959
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9960
+ }
9961
+ .rt-BaseCard:where(.xl\:rt-r-size-2){
9955
9962
  --base-card-padding-top: var(--space-3);
9956
9963
  --base-card-padding-right: var(--space-3);
9957
9964
  --base-card-padding-bottom: var(--space-3);
9958
9965
  --base-card-padding-left: var(--space-3);
9959
- --base-card-border-radius: var(--radius-5);
9966
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9960
9967
  }
9961
- .rt-BaseCard:where(.xl\:rt-r-size-2){
9968
+ .rt-BaseCard:where(.xl\:rt-r-size-3){
9962
9969
  --base-card-padding-top: var(--space-4);
9963
9970
  --base-card-padding-right: var(--space-4);
9964
9971
  --base-card-padding-bottom: var(--space-4);
9965
9972
  --base-card-padding-left: var(--space-4);
9966
- --base-card-border-radius: var(--radius-6);
9973
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9967
9974
  }
9968
- .rt-BaseCard:where(.xl\:rt-r-size-3){
9975
+ .rt-BaseCard:where(.xl\:rt-r-size-4){
9969
9976
  --base-card-padding-top: var(--space-5);
9970
9977
  --base-card-padding-right: var(--space-5);
9971
9978
  --base-card-padding-bottom: var(--space-5);
9972
9979
  --base-card-padding-left: var(--space-5);
9973
- --base-card-border-radius: var(--radius-7);
9980
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9974
9981
  }
9975
- .rt-BaseCard:where(.xl\:rt-r-size-4){
9982
+ .rt-BaseCard:where(.xl\:rt-r-size-5){
9976
9983
  --base-card-padding-top: var(--space-6);
9977
9984
  --base-card-padding-right: var(--space-6);
9978
9985
  --base-card-padding-bottom: var(--space-6);
9979
9986
  --base-card-padding-left: var(--space-6);
9980
- --base-card-border-radius: var(--radius-8);
9981
- }
9982
- .rt-BaseCard:where(.xl\:rt-r-size-5){
9983
- --base-card-padding-top: var(--space-7);
9984
- --base-card-padding-right: var(--space-7);
9985
- --base-card-padding-bottom: var(--space-7);
9986
- --base-card-padding-left: var(--space-7);
9987
- --base-card-border-radius: var(--radius-9);
9987
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9988
9988
  }
9989
9989
  }
9990
9990
  .rt-BaseCard:where(.rt-variant-outline){
@@ -14006,7 +14006,7 @@
14006
14006
  .rt-Image{
14007
14007
  display: block;
14008
14008
  object-fit: var(--object-fit);
14009
- border-radius: var(--radius-4);
14009
+ border-radius: var(--radius-2);
14010
14010
  }
14011
14011
  @media (prefers-reduced-motion: reduce) {
14012
14012
  .rt-Image{
@@ -15102,109 +15102,109 @@
15102
15102
  backdrop-filter: var(--backdrop-filter-panel);
15103
15103
  }
15104
15104
  .rt-PopoverContent:where(.rt-r-size-1){
15105
- --popover-content-padding: var(--space-3);
15106
- border-radius: var(--radius-3);
15105
+ --popover-content-padding: var(--space-5);
15106
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
15107
15107
  }
15108
15108
  .rt-PopoverContent:where(.rt-r-size-2){
15109
- --popover-content-padding: var(--space-4);
15110
- border-radius: var(--radius-4);
15109
+ --popover-content-padding: var(--space-6);
15110
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
15111
15111
  }
15112
15112
  .rt-PopoverContent:where(.rt-r-size-3){
15113
- --popover-content-padding: var(--space-5);
15114
- border-radius: var(--radius-5);
15113
+ --popover-content-padding: var(--space-7);
15114
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
15115
15115
  }
15116
15116
  .rt-PopoverContent:where(.rt-r-size-4){
15117
- --popover-content-padding: var(--space-6);
15118
- border-radius: var(--radius-6);
15117
+ --popover-content-padding: var(--space-8);
15118
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
15119
15119
  }
15120
15120
  @media (min-width: 520px){
15121
15121
  .rt-PopoverContent:where(.xs\:rt-r-size-1){
15122
- --popover-content-padding: var(--space-3);
15123
- border-radius: var(--radius-3);
15122
+ --popover-content-padding: var(--space-5);
15123
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
15124
15124
  }
15125
15125
  .rt-PopoverContent:where(.xs\:rt-r-size-2){
15126
- --popover-content-padding: var(--space-4);
15127
- border-radius: var(--radius-4);
15126
+ --popover-content-padding: var(--space-6);
15127
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
15128
15128
  }
15129
15129
  .rt-PopoverContent:where(.xs\:rt-r-size-3){
15130
- --popover-content-padding: var(--space-5);
15131
- border-radius: var(--radius-5);
15130
+ --popover-content-padding: var(--space-7);
15131
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
15132
15132
  }
15133
15133
  .rt-PopoverContent:where(.xs\:rt-r-size-4){
15134
- --popover-content-padding: var(--space-6);
15135
- border-radius: var(--radius-6);
15134
+ --popover-content-padding: var(--space-8);
15135
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
15136
15136
  }
15137
15137
  }
15138
15138
  @media (min-width: 768px){
15139
15139
  .rt-PopoverContent:where(.sm\:rt-r-size-1){
15140
- --popover-content-padding: var(--space-3);
15141
- border-radius: var(--radius-3);
15140
+ --popover-content-padding: var(--space-5);
15141
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
15142
15142
  }
15143
15143
  .rt-PopoverContent:where(.sm\:rt-r-size-2){
15144
- --popover-content-padding: var(--space-4);
15145
- border-radius: var(--radius-4);
15144
+ --popover-content-padding: var(--space-6);
15145
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
15146
15146
  }
15147
15147
  .rt-PopoverContent:where(.sm\:rt-r-size-3){
15148
- --popover-content-padding: var(--space-5);
15149
- border-radius: var(--radius-5);
15148
+ --popover-content-padding: var(--space-7);
15149
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
15150
15150
  }
15151
15151
  .rt-PopoverContent:where(.sm\:rt-r-size-4){
15152
- --popover-content-padding: var(--space-6);
15153
- border-radius: var(--radius-6);
15152
+ --popover-content-padding: var(--space-8);
15153
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
15154
15154
  }
15155
15155
  }
15156
15156
  @media (min-width: 1024px){
15157
15157
  .rt-PopoverContent:where(.md\:rt-r-size-1){
15158
- --popover-content-padding: var(--space-3);
15159
- border-radius: var(--radius-3);
15158
+ --popover-content-padding: var(--space-5);
15159
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
15160
15160
  }
15161
15161
  .rt-PopoverContent:where(.md\:rt-r-size-2){
15162
- --popover-content-padding: var(--space-4);
15163
- border-radius: var(--radius-4);
15162
+ --popover-content-padding: var(--space-6);
15163
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
15164
15164
  }
15165
15165
  .rt-PopoverContent:where(.md\:rt-r-size-3){
15166
- --popover-content-padding: var(--space-5);
15167
- border-radius: var(--radius-5);
15166
+ --popover-content-padding: var(--space-7);
15167
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
15168
15168
  }
15169
15169
  .rt-PopoverContent:where(.md\:rt-r-size-4){
15170
- --popover-content-padding: var(--space-6);
15171
- border-radius: var(--radius-6);
15170
+ --popover-content-padding: var(--space-8);
15171
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
15172
15172
  }
15173
15173
  }
15174
15174
  @media (min-width: 1280px){
15175
15175
  .rt-PopoverContent:where(.lg\:rt-r-size-1){
15176
- --popover-content-padding: var(--space-3);
15177
- border-radius: var(--radius-3);
15176
+ --popover-content-padding: var(--space-5);
15177
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
15178
15178
  }
15179
15179
  .rt-PopoverContent:where(.lg\:rt-r-size-2){
15180
- --popover-content-padding: var(--space-4);
15181
- border-radius: var(--radius-4);
15180
+ --popover-content-padding: var(--space-6);
15181
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
15182
15182
  }
15183
15183
  .rt-PopoverContent:where(.lg\:rt-r-size-3){
15184
- --popover-content-padding: var(--space-5);
15185
- border-radius: var(--radius-5);
15184
+ --popover-content-padding: var(--space-7);
15185
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
15186
15186
  }
15187
15187
  .rt-PopoverContent:where(.lg\:rt-r-size-4){
15188
- --popover-content-padding: var(--space-6);
15189
- border-radius: var(--radius-6);
15188
+ --popover-content-padding: var(--space-8);
15189
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
15190
15190
  }
15191
15191
  }
15192
15192
  @media (min-width: 1640px){
15193
15193
  .rt-PopoverContent:where(.xl\:rt-r-size-1){
15194
- --popover-content-padding: var(--space-3);
15195
- border-radius: var(--radius-3);
15194
+ --popover-content-padding: var(--space-5);
15195
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
15196
15196
  }
15197
15197
  .rt-PopoverContent:where(.xl\:rt-r-size-2){
15198
- --popover-content-padding: var(--space-4);
15199
- border-radius: var(--radius-4);
15198
+ --popover-content-padding: var(--space-6);
15199
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
15200
15200
  }
15201
15201
  .rt-PopoverContent:where(.xl\:rt-r-size-3){
15202
- --popover-content-padding: var(--space-5);
15203
- border-radius: var(--radius-5);
15202
+ --popover-content-padding: var(--space-7);
15203
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
15204
15204
  }
15205
15205
  .rt-PopoverContent:where(.xl\:rt-r-size-4){
15206
- --popover-content-padding: var(--space-6);
15207
- border-radius: var(--radius-6);
15206
+ --popover-content-padding: var(--space-8);
15207
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
15208
15208
  }
15209
15209
  }
15210
15210
  .rt-ProgressRoot{
@@ -21001,7 +21001,7 @@
21001
21001
  }
21002
21002
  .rt-TextAreaRoot:where(.rt-r-size-1){
21003
21003
  min-height: var(--space-8);
21004
- border-radius: var(--radius-3);
21004
+ border-radius: var(--radius-1);
21005
21005
  }
21006
21006
  .rt-TextAreaRoot:where(.rt-r-size-1) :where(.rt-TextAreaInput){
21007
21007
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -21012,22 +21012,22 @@
21012
21012
  }
21013
21013
  .rt-TextAreaRoot:where(.rt-r-size-2){
21014
21014
  min-height: var(--space-9);
21015
- border-radius: var(--radius-4);
21015
+ border-radius: var(--radius-2);
21016
21016
  }
21017
21017
  .rt-TextAreaRoot:where(.rt-r-size-2) :where(.rt-TextAreaInput){
21018
21018
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
21019
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21019
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
21020
21020
  font-size: var(--font-size-2);
21021
21021
  line-height: var(--line-height-2);
21022
21022
  letter-spacing: var(--letter-spacing-2);
21023
21023
  }
21024
21024
  .rt-TextAreaRoot:where(.rt-r-size-3){
21025
21025
  min-height: 80px;
21026
- border-radius: var(--radius-5);
21026
+ border-radius: var(--radius-3);
21027
21027
  }
21028
21028
  .rt-TextAreaRoot:where(.rt-r-size-3) :where(.rt-TextAreaInput){
21029
21029
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
21030
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
21030
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21031
21031
  font-size: var(--font-size-3);
21032
21032
  line-height: var(--line-height-3);
21033
21033
  letter-spacing: var(--letter-spacing-3);
@@ -21035,7 +21035,7 @@
21035
21035
  @media (min-width: 520px){
21036
21036
  .rt-TextAreaRoot:where(.xs\:rt-r-size-1){
21037
21037
  min-height: var(--space-8);
21038
- border-radius: var(--radius-3);
21038
+ border-radius: var(--radius-1);
21039
21039
  }
21040
21040
  .rt-TextAreaRoot:where(.xs\:rt-r-size-1) :where(.rt-TextAreaInput){
21041
21041
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -21046,22 +21046,22 @@
21046
21046
  }
21047
21047
  .rt-TextAreaRoot:where(.xs\:rt-r-size-2){
21048
21048
  min-height: var(--space-9);
21049
- border-radius: var(--radius-4);
21049
+ border-radius: var(--radius-2);
21050
21050
  }
21051
21051
  .rt-TextAreaRoot:where(.xs\:rt-r-size-2) :where(.rt-TextAreaInput){
21052
21052
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
21053
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21053
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
21054
21054
  font-size: var(--font-size-2);
21055
21055
  line-height: var(--line-height-2);
21056
21056
  letter-spacing: var(--letter-spacing-2);
21057
21057
  }
21058
21058
  .rt-TextAreaRoot:where(.xs\:rt-r-size-3){
21059
21059
  min-height: 80px;
21060
- border-radius: var(--radius-5);
21060
+ border-radius: var(--radius-3);
21061
21061
  }
21062
21062
  .rt-TextAreaRoot:where(.xs\:rt-r-size-3) :where(.rt-TextAreaInput){
21063
21063
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
21064
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
21064
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21065
21065
  font-size: var(--font-size-3);
21066
21066
  line-height: var(--line-height-3);
21067
21067
  letter-spacing: var(--letter-spacing-3);
@@ -21070,7 +21070,7 @@
21070
21070
  @media (min-width: 768px){
21071
21071
  .rt-TextAreaRoot:where(.sm\:rt-r-size-1){
21072
21072
  min-height: var(--space-8);
21073
- border-radius: var(--radius-3);
21073
+ border-radius: var(--radius-1);
21074
21074
  }
21075
21075
  .rt-TextAreaRoot:where(.sm\:rt-r-size-1) :where(.rt-TextAreaInput){
21076
21076
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -21081,22 +21081,22 @@
21081
21081
  }
21082
21082
  .rt-TextAreaRoot:where(.sm\:rt-r-size-2){
21083
21083
  min-height: var(--space-9);
21084
- border-radius: var(--radius-4);
21084
+ border-radius: var(--radius-2);
21085
21085
  }
21086
21086
  .rt-TextAreaRoot:where(.sm\:rt-r-size-2) :where(.rt-TextAreaInput){
21087
21087
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
21088
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21088
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
21089
21089
  font-size: var(--font-size-2);
21090
21090
  line-height: var(--line-height-2);
21091
21091
  letter-spacing: var(--letter-spacing-2);
21092
21092
  }
21093
21093
  .rt-TextAreaRoot:where(.sm\:rt-r-size-3){
21094
21094
  min-height: 80px;
21095
- border-radius: var(--radius-5);
21095
+ border-radius: var(--radius-3);
21096
21096
  }
21097
21097
  .rt-TextAreaRoot:where(.sm\:rt-r-size-3) :where(.rt-TextAreaInput){
21098
21098
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
21099
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
21099
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21100
21100
  font-size: var(--font-size-3);
21101
21101
  line-height: var(--line-height-3);
21102
21102
  letter-spacing: var(--letter-spacing-3);
@@ -21105,7 +21105,7 @@
21105
21105
  @media (min-width: 1024px){
21106
21106
  .rt-TextAreaRoot:where(.md\:rt-r-size-1){
21107
21107
  min-height: var(--space-8);
21108
- border-radius: var(--radius-3);
21108
+ border-radius: var(--radius-1);
21109
21109
  }
21110
21110
  .rt-TextAreaRoot:where(.md\:rt-r-size-1) :where(.rt-TextAreaInput){
21111
21111
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -21116,22 +21116,22 @@
21116
21116
  }
21117
21117
  .rt-TextAreaRoot:where(.md\:rt-r-size-2){
21118
21118
  min-height: var(--space-9);
21119
- border-radius: var(--radius-4);
21119
+ border-radius: var(--radius-2);
21120
21120
  }
21121
21121
  .rt-TextAreaRoot:where(.md\:rt-r-size-2) :where(.rt-TextAreaInput){
21122
21122
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
21123
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21123
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
21124
21124
  font-size: var(--font-size-2);
21125
21125
  line-height: var(--line-height-2);
21126
21126
  letter-spacing: var(--letter-spacing-2);
21127
21127
  }
21128
21128
  .rt-TextAreaRoot:where(.md\:rt-r-size-3){
21129
21129
  min-height: 80px;
21130
- border-radius: var(--radius-5);
21130
+ border-radius: var(--radius-3);
21131
21131
  }
21132
21132
  .rt-TextAreaRoot:where(.md\:rt-r-size-3) :where(.rt-TextAreaInput){
21133
21133
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
21134
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
21134
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21135
21135
  font-size: var(--font-size-3);
21136
21136
  line-height: var(--line-height-3);
21137
21137
  letter-spacing: var(--letter-spacing-3);
@@ -21140,7 +21140,7 @@
21140
21140
  @media (min-width: 1280px){
21141
21141
  .rt-TextAreaRoot:where(.lg\:rt-r-size-1){
21142
21142
  min-height: var(--space-8);
21143
- border-radius: var(--radius-3);
21143
+ border-radius: var(--radius-1);
21144
21144
  }
21145
21145
  .rt-TextAreaRoot:where(.lg\:rt-r-size-1) :where(.rt-TextAreaInput){
21146
21146
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -21151,22 +21151,22 @@
21151
21151
  }
21152
21152
  .rt-TextAreaRoot:where(.lg\:rt-r-size-2){
21153
21153
  min-height: var(--space-9);
21154
- border-radius: var(--radius-4);
21154
+ border-radius: var(--radius-2);
21155
21155
  }
21156
21156
  .rt-TextAreaRoot:where(.lg\:rt-r-size-2) :where(.rt-TextAreaInput){
21157
21157
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
21158
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21158
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
21159
21159
  font-size: var(--font-size-2);
21160
21160
  line-height: var(--line-height-2);
21161
21161
  letter-spacing: var(--letter-spacing-2);
21162
21162
  }
21163
21163
  .rt-TextAreaRoot:where(.lg\:rt-r-size-3){
21164
21164
  min-height: 80px;
21165
- border-radius: var(--radius-5);
21165
+ border-radius: var(--radius-3);
21166
21166
  }
21167
21167
  .rt-TextAreaRoot:where(.lg\:rt-r-size-3) :where(.rt-TextAreaInput){
21168
21168
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
21169
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
21169
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21170
21170
  font-size: var(--font-size-3);
21171
21171
  line-height: var(--line-height-3);
21172
21172
  letter-spacing: var(--letter-spacing-3);
@@ -21175,7 +21175,7 @@
21175
21175
  @media (min-width: 1640px){
21176
21176
  .rt-TextAreaRoot:where(.xl\:rt-r-size-1){
21177
21177
  min-height: var(--space-8);
21178
- border-radius: var(--radius-3);
21178
+ border-radius: var(--radius-1);
21179
21179
  }
21180
21180
  .rt-TextAreaRoot:where(.xl\:rt-r-size-1) :where(.rt-TextAreaInput){
21181
21181
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -21186,22 +21186,22 @@
21186
21186
  }
21187
21187
  .rt-TextAreaRoot:where(.xl\:rt-r-size-2){
21188
21188
  min-height: var(--space-9);
21189
- border-radius: var(--radius-4);
21189
+ border-radius: var(--radius-2);
21190
21190
  }
21191
21191
  .rt-TextAreaRoot:where(.xl\:rt-r-size-2) :where(.rt-TextAreaInput){
21192
21192
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
21193
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21193
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
21194
21194
  font-size: var(--font-size-2);
21195
21195
  line-height: var(--line-height-2);
21196
21196
  letter-spacing: var(--letter-spacing-2);
21197
21197
  }
21198
21198
  .rt-TextAreaRoot:where(.xl\:rt-r-size-3){
21199
21199
  min-height: 80px;
21200
- border-radius: var(--radius-5);
21200
+ border-radius: var(--radius-3);
21201
21201
  }
21202
21202
  .rt-TextAreaRoot:where(.xl\:rt-r-size-3) :where(.rt-TextAreaInput){
21203
21203
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
21204
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
21204
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
21205
21205
  font-size: var(--font-size-3);
21206
21206
  line-height: var(--line-height-3);
21207
21207
  letter-spacing: var(--letter-spacing-3);