@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/components.css CHANGED
@@ -958,85 +958,85 @@
958
958
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
959
959
  }
960
960
  .rt-AccordionRoot:where(.rt-r-size-1) {
961
- border-radius: var(--radius-2);
961
+ border-radius: var(--radius-1);
962
962
  }
963
963
  .rt-AccordionRoot:where(.rt-r-size-2) {
964
- border-radius: var(--radius-3);
964
+ border-radius: var(--radius-2);
965
965
  }
966
966
  .rt-AccordionRoot:where(.rt-r-size-3) {
967
- border-radius: var(--radius-4);
967
+ border-radius: var(--radius-3);
968
968
  }
969
969
  .rt-AccordionRoot:where(.rt-r-size-4) {
970
- border-radius: var(--radius-5);
970
+ border-radius: var(--radius-4);
971
971
  }
972
972
  @media (min-width: 520px) {
973
973
  .rt-AccordionRoot:where(.xs\:rt-r-size-1) {
974
- border-radius: var(--radius-2);
974
+ border-radius: var(--radius-1);
975
975
  }
976
976
  .rt-AccordionRoot:where(.xs\:rt-r-size-2) {
977
- border-radius: var(--radius-3);
977
+ border-radius: var(--radius-2);
978
978
  }
979
979
  .rt-AccordionRoot:where(.xs\:rt-r-size-3) {
980
- border-radius: var(--radius-4);
980
+ border-radius: var(--radius-3);
981
981
  }
982
982
  .rt-AccordionRoot:where(.xs\:rt-r-size-4) {
983
- border-radius: var(--radius-5);
983
+ border-radius: var(--radius-4);
984
984
  }
985
985
  }
986
986
  @media (min-width: 768px) {
987
987
  .rt-AccordionRoot:where(.sm\:rt-r-size-1) {
988
- border-radius: var(--radius-2);
988
+ border-radius: var(--radius-1);
989
989
  }
990
990
  .rt-AccordionRoot:where(.sm\:rt-r-size-2) {
991
- border-radius: var(--radius-3);
991
+ border-radius: var(--radius-2);
992
992
  }
993
993
  .rt-AccordionRoot:where(.sm\:rt-r-size-3) {
994
- border-radius: var(--radius-4);
994
+ border-radius: var(--radius-3);
995
995
  }
996
996
  .rt-AccordionRoot:where(.sm\:rt-r-size-4) {
997
- border-radius: var(--radius-5);
997
+ border-radius: var(--radius-4);
998
998
  }
999
999
  }
1000
1000
  @media (min-width: 1024px) {
1001
1001
  .rt-AccordionRoot:where(.md\:rt-r-size-1) {
1002
- border-radius: var(--radius-2);
1002
+ border-radius: var(--radius-1);
1003
1003
  }
1004
1004
  .rt-AccordionRoot:where(.md\:rt-r-size-2) {
1005
- border-radius: var(--radius-3);
1005
+ border-radius: var(--radius-2);
1006
1006
  }
1007
1007
  .rt-AccordionRoot:where(.md\:rt-r-size-3) {
1008
- border-radius: var(--radius-4);
1008
+ border-radius: var(--radius-3);
1009
1009
  }
1010
1010
  .rt-AccordionRoot:where(.md\:rt-r-size-4) {
1011
- border-radius: var(--radius-5);
1011
+ border-radius: var(--radius-4);
1012
1012
  }
1013
1013
  }
1014
1014
  @media (min-width: 1280px) {
1015
1015
  .rt-AccordionRoot:where(.lg\:rt-r-size-1) {
1016
- border-radius: var(--radius-2);
1016
+ border-radius: var(--radius-1);
1017
1017
  }
1018
1018
  .rt-AccordionRoot:where(.lg\:rt-r-size-2) {
1019
- border-radius: var(--radius-3);
1019
+ border-radius: var(--radius-2);
1020
1020
  }
1021
1021
  .rt-AccordionRoot:where(.lg\:rt-r-size-3) {
1022
- border-radius: var(--radius-4);
1022
+ border-radius: var(--radius-3);
1023
1023
  }
1024
1024
  .rt-AccordionRoot:where(.lg\:rt-r-size-4) {
1025
- border-radius: var(--radius-5);
1025
+ border-radius: var(--radius-4);
1026
1026
  }
1027
1027
  }
1028
1028
  @media (min-width: 1640px) {
1029
1029
  .rt-AccordionRoot:where(.xl\:rt-r-size-1) {
1030
- border-radius: var(--radius-2);
1030
+ border-radius: var(--radius-1);
1031
1031
  }
1032
1032
  .rt-AccordionRoot:where(.xl\:rt-r-size-2) {
1033
- border-radius: var(--radius-3);
1033
+ border-radius: var(--radius-2);
1034
1034
  }
1035
1035
  .rt-AccordionRoot:where(.xl\:rt-r-size-3) {
1036
- border-radius: var(--radius-4);
1036
+ border-radius: var(--radius-3);
1037
1037
  }
1038
1038
  .rt-AccordionRoot:where(.xl\:rt-r-size-4) {
1039
- border-radius: var(--radius-5);
1039
+ border-radius: var(--radius-4);
1040
1040
  }
1041
1041
  }
1042
1042
  :where(.rt-AccordionRoot:where(.rt-variant-surface)) {
@@ -1604,109 +1604,109 @@
1604
1604
  backdrop-filter: var(--backdrop-filter-dialog);
1605
1605
  }
1606
1606
  .rt-BaseDialogContent:where(.rt-r-size-1) {
1607
- --dialog-content-padding: var(--space-4);
1608
- border-radius: var(--radius-5);
1607
+ --dialog-content-padding: var(--space-5);
1608
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
1609
1609
  }
1610
1610
  .rt-BaseDialogContent:where(.rt-r-size-2) {
1611
- --dialog-content-padding: var(--space-5);
1612
- border-radius: var(--radius-6);
1611
+ --dialog-content-padding: var(--space-6);
1612
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
1613
1613
  }
1614
1614
  .rt-BaseDialogContent:where(.rt-r-size-3) {
1615
- --dialog-content-padding: var(--space-6);
1616
- border-radius: var(--radius-7);
1615
+ --dialog-content-padding: var(--space-7);
1616
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
1617
1617
  }
1618
1618
  .rt-BaseDialogContent:where(.rt-r-size-4) {
1619
- --dialog-content-padding: var(--space-7);
1620
- border-radius: var(--radius-8);
1619
+ --dialog-content-padding: var(--space-8);
1620
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
1621
1621
  }
1622
1622
  @media (min-width: 520px) {
1623
1623
  .rt-BaseDialogContent:where(.xs\:rt-r-size-1) {
1624
- --dialog-content-padding: var(--space-4);
1625
- border-radius: var(--radius-5);
1624
+ --dialog-content-padding: var(--space-5);
1625
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
1626
1626
  }
1627
1627
  .rt-BaseDialogContent:where(.xs\:rt-r-size-2) {
1628
- --dialog-content-padding: var(--space-5);
1629
- border-radius: var(--radius-6);
1628
+ --dialog-content-padding: var(--space-6);
1629
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
1630
1630
  }
1631
1631
  .rt-BaseDialogContent:where(.xs\:rt-r-size-3) {
1632
- --dialog-content-padding: var(--space-6);
1633
- border-radius: var(--radius-7);
1632
+ --dialog-content-padding: var(--space-7);
1633
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
1634
1634
  }
1635
1635
  .rt-BaseDialogContent:where(.xs\:rt-r-size-4) {
1636
- --dialog-content-padding: var(--space-7);
1637
- border-radius: var(--radius-8);
1636
+ --dialog-content-padding: var(--space-8);
1637
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
1638
1638
  }
1639
1639
  }
1640
1640
  @media (min-width: 768px) {
1641
1641
  .rt-BaseDialogContent:where(.sm\:rt-r-size-1) {
1642
- --dialog-content-padding: var(--space-4);
1643
- border-radius: var(--radius-5);
1642
+ --dialog-content-padding: var(--space-5);
1643
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
1644
1644
  }
1645
1645
  .rt-BaseDialogContent:where(.sm\:rt-r-size-2) {
1646
- --dialog-content-padding: var(--space-5);
1647
- border-radius: var(--radius-6);
1646
+ --dialog-content-padding: var(--space-6);
1647
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
1648
1648
  }
1649
1649
  .rt-BaseDialogContent:where(.sm\:rt-r-size-3) {
1650
- --dialog-content-padding: var(--space-6);
1651
- border-radius: var(--radius-7);
1650
+ --dialog-content-padding: var(--space-7);
1651
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
1652
1652
  }
1653
1653
  .rt-BaseDialogContent:where(.sm\:rt-r-size-4) {
1654
- --dialog-content-padding: var(--space-7);
1655
- border-radius: var(--radius-8);
1654
+ --dialog-content-padding: var(--space-8);
1655
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
1656
1656
  }
1657
1657
  }
1658
1658
  @media (min-width: 1024px) {
1659
1659
  .rt-BaseDialogContent:where(.md\:rt-r-size-1) {
1660
- --dialog-content-padding: var(--space-4);
1661
- border-radius: var(--radius-5);
1660
+ --dialog-content-padding: var(--space-5);
1661
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
1662
1662
  }
1663
1663
  .rt-BaseDialogContent:where(.md\:rt-r-size-2) {
1664
- --dialog-content-padding: var(--space-5);
1665
- border-radius: var(--radius-6);
1664
+ --dialog-content-padding: var(--space-6);
1665
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
1666
1666
  }
1667
1667
  .rt-BaseDialogContent:where(.md\:rt-r-size-3) {
1668
- --dialog-content-padding: var(--space-6);
1669
- border-radius: var(--radius-7);
1668
+ --dialog-content-padding: var(--space-7);
1669
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
1670
1670
  }
1671
1671
  .rt-BaseDialogContent:where(.md\:rt-r-size-4) {
1672
- --dialog-content-padding: var(--space-7);
1673
- border-radius: var(--radius-8);
1672
+ --dialog-content-padding: var(--space-8);
1673
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
1674
1674
  }
1675
1675
  }
1676
1676
  @media (min-width: 1280px) {
1677
1677
  .rt-BaseDialogContent:where(.lg\:rt-r-size-1) {
1678
- --dialog-content-padding: var(--space-4);
1679
- border-radius: var(--radius-5);
1678
+ --dialog-content-padding: var(--space-5);
1679
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
1680
1680
  }
1681
1681
  .rt-BaseDialogContent:where(.lg\:rt-r-size-2) {
1682
- --dialog-content-padding: var(--space-5);
1683
- border-radius: var(--radius-6);
1682
+ --dialog-content-padding: var(--space-6);
1683
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
1684
1684
  }
1685
1685
  .rt-BaseDialogContent:where(.lg\:rt-r-size-3) {
1686
- --dialog-content-padding: var(--space-6);
1687
- border-radius: var(--radius-7);
1686
+ --dialog-content-padding: var(--space-7);
1687
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
1688
1688
  }
1689
1689
  .rt-BaseDialogContent:where(.lg\:rt-r-size-4) {
1690
- --dialog-content-padding: var(--space-7);
1691
- border-radius: var(--radius-8);
1690
+ --dialog-content-padding: var(--space-8);
1691
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
1692
1692
  }
1693
1693
  }
1694
1694
  @media (min-width: 1640px) {
1695
1695
  .rt-BaseDialogContent:where(.xl\:rt-r-size-1) {
1696
- --dialog-content-padding: var(--space-4);
1697
- border-radius: var(--radius-5);
1696
+ --dialog-content-padding: var(--space-5);
1697
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
1698
1698
  }
1699
1699
  .rt-BaseDialogContent:where(.xl\:rt-r-size-2) {
1700
- --dialog-content-padding: var(--space-5);
1701
- border-radius: var(--radius-6);
1700
+ --dialog-content-padding: var(--space-6);
1701
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
1702
1702
  }
1703
1703
  .rt-BaseDialogContent:where(.xl\:rt-r-size-3) {
1704
- --dialog-content-padding: var(--space-6);
1705
- border-radius: var(--radius-7);
1704
+ --dialog-content-padding: var(--space-7);
1705
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
1706
1706
  }
1707
1707
  .rt-BaseDialogContent:where(.xl\:rt-r-size-4) {
1708
- --dialog-content-padding: var(--space-7);
1709
- border-radius: var(--radius-8);
1708
+ --dialog-content-padding: var(--space-8);
1709
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
1710
1710
  }
1711
1711
  }
1712
1712
  @media (prefers-reduced-motion: no-preference) {
@@ -4530,7 +4530,7 @@
4530
4530
  row-gap: var(--space-2);
4531
4531
  column-gap: var(--space-2);
4532
4532
  padding: var(--space-3);
4533
- border-radius: var(--radius-3);
4533
+ border-radius: var(--radius-1);
4534
4534
  --callout-icon-height: var(--line-height-1);
4535
4535
  --callout-icon-size: var(--content-icon-size-1);
4536
4536
  }
@@ -4538,7 +4538,7 @@
4538
4538
  row-gap: var(--space-2);
4539
4539
  column-gap: var(--space-3);
4540
4540
  padding: var(--space-4);
4541
- border-radius: var(--radius-4);
4541
+ border-radius: var(--radius-2);
4542
4542
  --callout-icon-height: var(--line-height-2);
4543
4543
  --callout-icon-size: var(--content-icon-size-2);
4544
4544
  }
@@ -4546,7 +4546,7 @@
4546
4546
  row-gap: var(--space-3);
4547
4547
  column-gap: var(--space-4);
4548
4548
  padding: var(--space-5);
4549
- border-radius: var(--radius-5);
4549
+ border-radius: var(--radius-3);
4550
4550
  --callout-icon-height: var(--line-height-3);
4551
4551
  --callout-icon-size: var(--content-icon-size-3);
4552
4552
  }
@@ -4555,7 +4555,7 @@
4555
4555
  row-gap: var(--space-2);
4556
4556
  column-gap: var(--space-2);
4557
4557
  padding: var(--space-3);
4558
- border-radius: var(--radius-3);
4558
+ border-radius: var(--radius-1);
4559
4559
  --callout-icon-height: var(--line-height-1);
4560
4560
  --callout-icon-size: var(--content-icon-size-1);
4561
4561
  }
@@ -4563,7 +4563,7 @@
4563
4563
  row-gap: var(--space-2);
4564
4564
  column-gap: var(--space-3);
4565
4565
  padding: var(--space-4);
4566
- border-radius: var(--radius-4);
4566
+ border-radius: var(--radius-2);
4567
4567
  --callout-icon-height: var(--line-height-2);
4568
4568
  --callout-icon-size: var(--content-icon-size-2);
4569
4569
  }
@@ -4571,7 +4571,7 @@
4571
4571
  row-gap: var(--space-3);
4572
4572
  column-gap: var(--space-4);
4573
4573
  padding: var(--space-5);
4574
- border-radius: var(--radius-5);
4574
+ border-radius: var(--radius-3);
4575
4575
  --callout-icon-height: var(--line-height-3);
4576
4576
  --callout-icon-size: var(--content-icon-size-3);
4577
4577
  }
@@ -4581,7 +4581,7 @@
4581
4581
  row-gap: var(--space-2);
4582
4582
  column-gap: var(--space-2);
4583
4583
  padding: var(--space-3);
4584
- border-radius: var(--radius-3);
4584
+ border-radius: var(--radius-1);
4585
4585
  --callout-icon-height: var(--line-height-1);
4586
4586
  --callout-icon-size: var(--content-icon-size-1);
4587
4587
  }
@@ -4589,7 +4589,7 @@
4589
4589
  row-gap: var(--space-2);
4590
4590
  column-gap: var(--space-3);
4591
4591
  padding: var(--space-4);
4592
- border-radius: var(--radius-4);
4592
+ border-radius: var(--radius-2);
4593
4593
  --callout-icon-height: var(--line-height-2);
4594
4594
  --callout-icon-size: var(--content-icon-size-2);
4595
4595
  }
@@ -4597,7 +4597,7 @@
4597
4597
  row-gap: var(--space-3);
4598
4598
  column-gap: var(--space-4);
4599
4599
  padding: var(--space-5);
4600
- border-radius: var(--radius-5);
4600
+ border-radius: var(--radius-3);
4601
4601
  --callout-icon-height: var(--line-height-3);
4602
4602
  --callout-icon-size: var(--content-icon-size-3);
4603
4603
  }
@@ -4607,7 +4607,7 @@
4607
4607
  row-gap: var(--space-2);
4608
4608
  column-gap: var(--space-2);
4609
4609
  padding: var(--space-3);
4610
- border-radius: var(--radius-3);
4610
+ border-radius: var(--radius-1);
4611
4611
  --callout-icon-height: var(--line-height-1);
4612
4612
  --callout-icon-size: var(--content-icon-size-1);
4613
4613
  }
@@ -4615,7 +4615,7 @@
4615
4615
  row-gap: var(--space-2);
4616
4616
  column-gap: var(--space-3);
4617
4617
  padding: var(--space-4);
4618
- border-radius: var(--radius-4);
4618
+ border-radius: var(--radius-2);
4619
4619
  --callout-icon-height: var(--line-height-2);
4620
4620
  --callout-icon-size: var(--content-icon-size-2);
4621
4621
  }
@@ -4623,7 +4623,7 @@
4623
4623
  row-gap: var(--space-3);
4624
4624
  column-gap: var(--space-4);
4625
4625
  padding: var(--space-5);
4626
- border-radius: var(--radius-5);
4626
+ border-radius: var(--radius-3);
4627
4627
  --callout-icon-height: var(--line-height-3);
4628
4628
  --callout-icon-size: var(--content-icon-size-3);
4629
4629
  }
@@ -4633,7 +4633,7 @@
4633
4633
  row-gap: var(--space-2);
4634
4634
  column-gap: var(--space-2);
4635
4635
  padding: var(--space-3);
4636
- border-radius: var(--radius-3);
4636
+ border-radius: var(--radius-1);
4637
4637
  --callout-icon-height: var(--line-height-1);
4638
4638
  --callout-icon-size: var(--content-icon-size-1);
4639
4639
  }
@@ -4641,7 +4641,7 @@
4641
4641
  row-gap: var(--space-2);
4642
4642
  column-gap: var(--space-3);
4643
4643
  padding: var(--space-4);
4644
- border-radius: var(--radius-4);
4644
+ border-radius: var(--radius-2);
4645
4645
  --callout-icon-height: var(--line-height-2);
4646
4646
  --callout-icon-size: var(--content-icon-size-2);
4647
4647
  }
@@ -4649,7 +4649,7 @@
4649
4649
  row-gap: var(--space-3);
4650
4650
  column-gap: var(--space-4);
4651
4651
  padding: var(--space-5);
4652
- border-radius: var(--radius-5);
4652
+ border-radius: var(--radius-3);
4653
4653
  --callout-icon-height: var(--line-height-3);
4654
4654
  --callout-icon-size: var(--content-icon-size-3);
4655
4655
  }
@@ -4659,7 +4659,7 @@
4659
4659
  row-gap: var(--space-2);
4660
4660
  column-gap: var(--space-2);
4661
4661
  padding: var(--space-3);
4662
- border-radius: var(--radius-3);
4662
+ border-radius: var(--radius-1);
4663
4663
  --callout-icon-height: var(--line-height-1);
4664
4664
  --callout-icon-size: var(--content-icon-size-1);
4665
4665
  }
@@ -4667,7 +4667,7 @@
4667
4667
  row-gap: var(--space-2);
4668
4668
  column-gap: var(--space-3);
4669
4669
  padding: var(--space-4);
4670
- border-radius: var(--radius-4);
4670
+ border-radius: var(--radius-2);
4671
4671
  --callout-icon-height: var(--line-height-2);
4672
4672
  --callout-icon-size: var(--content-icon-size-2);
4673
4673
  }
@@ -4675,7 +4675,7 @@
4675
4675
  row-gap: var(--space-3);
4676
4676
  column-gap: var(--space-4);
4677
4677
  padding: var(--space-5);
4678
- border-radius: var(--radius-5);
4678
+ border-radius: var(--radius-3);
4679
4679
  --callout-icon-height: var(--line-height-3);
4680
4680
  --callout-icon-size: var(--content-icon-size-3);
4681
4681
  }
@@ -4820,223 +4820,223 @@
4820
4820
  backdrop-filter: none !important;
4821
4821
  }
4822
4822
  .rt-BaseCard:where(.rt-r-size-1) {
4823
+ --base-card-padding-top: var(--space-2);
4824
+ --base-card-padding-right: var(--space-2);
4825
+ --base-card-padding-bottom: var(--space-2);
4826
+ --base-card-padding-left: var(--space-2);
4827
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4828
+ }
4829
+ .rt-BaseCard:where(.rt-r-size-2) {
4823
4830
  --base-card-padding-top: var(--space-3);
4824
4831
  --base-card-padding-right: var(--space-3);
4825
4832
  --base-card-padding-bottom: var(--space-3);
4826
4833
  --base-card-padding-left: var(--space-3);
4827
- --base-card-border-radius: var(--radius-5);
4834
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4828
4835
  }
4829
- .rt-BaseCard:where(.rt-r-size-2) {
4836
+ .rt-BaseCard:where(.rt-r-size-3) {
4830
4837
  --base-card-padding-top: var(--space-4);
4831
4838
  --base-card-padding-right: var(--space-4);
4832
4839
  --base-card-padding-bottom: var(--space-4);
4833
4840
  --base-card-padding-left: var(--space-4);
4834
- --base-card-border-radius: var(--radius-6);
4841
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4835
4842
  }
4836
- .rt-BaseCard:where(.rt-r-size-3) {
4843
+ .rt-BaseCard:where(.rt-r-size-4) {
4837
4844
  --base-card-padding-top: var(--space-5);
4838
4845
  --base-card-padding-right: var(--space-5);
4839
4846
  --base-card-padding-bottom: var(--space-5);
4840
4847
  --base-card-padding-left: var(--space-5);
4841
- --base-card-border-radius: var(--radius-7);
4848
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4842
4849
  }
4843
- .rt-BaseCard:where(.rt-r-size-4) {
4850
+ .rt-BaseCard:where(.rt-r-size-5) {
4844
4851
  --base-card-padding-top: var(--space-6);
4845
4852
  --base-card-padding-right: var(--space-6);
4846
4853
  --base-card-padding-bottom: var(--space-6);
4847
4854
  --base-card-padding-left: var(--space-6);
4848
- --base-card-border-radius: var(--radius-8);
4849
- }
4850
- .rt-BaseCard:where(.rt-r-size-5) {
4851
- --base-card-padding-top: var(--space-7);
4852
- --base-card-padding-right: var(--space-7);
4853
- --base-card-padding-bottom: var(--space-7);
4854
- --base-card-padding-left: var(--space-7);
4855
- --base-card-border-radius: var(--radius-9);
4855
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4856
4856
  }
4857
4857
  @media (min-width: 520px) {
4858
4858
  .rt-BaseCard:where(.xs\:rt-r-size-1) {
4859
+ --base-card-padding-top: var(--space-2);
4860
+ --base-card-padding-right: var(--space-2);
4861
+ --base-card-padding-bottom: var(--space-2);
4862
+ --base-card-padding-left: var(--space-2);
4863
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4864
+ }
4865
+ .rt-BaseCard:where(.xs\:rt-r-size-2) {
4859
4866
  --base-card-padding-top: var(--space-3);
4860
4867
  --base-card-padding-right: var(--space-3);
4861
4868
  --base-card-padding-bottom: var(--space-3);
4862
4869
  --base-card-padding-left: var(--space-3);
4863
- --base-card-border-radius: var(--radius-5);
4870
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4864
4871
  }
4865
- .rt-BaseCard:where(.xs\:rt-r-size-2) {
4872
+ .rt-BaseCard:where(.xs\:rt-r-size-3) {
4866
4873
  --base-card-padding-top: var(--space-4);
4867
4874
  --base-card-padding-right: var(--space-4);
4868
4875
  --base-card-padding-bottom: var(--space-4);
4869
4876
  --base-card-padding-left: var(--space-4);
4870
- --base-card-border-radius: var(--radius-6);
4877
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4871
4878
  }
4872
- .rt-BaseCard:where(.xs\:rt-r-size-3) {
4879
+ .rt-BaseCard:where(.xs\:rt-r-size-4) {
4873
4880
  --base-card-padding-top: var(--space-5);
4874
4881
  --base-card-padding-right: var(--space-5);
4875
4882
  --base-card-padding-bottom: var(--space-5);
4876
4883
  --base-card-padding-left: var(--space-5);
4877
- --base-card-border-radius: var(--radius-7);
4884
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4878
4885
  }
4879
- .rt-BaseCard:where(.xs\:rt-r-size-4) {
4886
+ .rt-BaseCard:where(.xs\:rt-r-size-5) {
4880
4887
  --base-card-padding-top: var(--space-6);
4881
4888
  --base-card-padding-right: var(--space-6);
4882
4889
  --base-card-padding-bottom: var(--space-6);
4883
4890
  --base-card-padding-left: var(--space-6);
4884
- --base-card-border-radius: var(--radius-8);
4885
- }
4886
- .rt-BaseCard:where(.xs\:rt-r-size-5) {
4887
- --base-card-padding-top: var(--space-7);
4888
- --base-card-padding-right: var(--space-7);
4889
- --base-card-padding-bottom: var(--space-7);
4890
- --base-card-padding-left: var(--space-7);
4891
- --base-card-border-radius: var(--radius-9);
4891
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4892
4892
  }
4893
4893
  }
4894
4894
  @media (min-width: 768px) {
4895
4895
  .rt-BaseCard:where(.sm\:rt-r-size-1) {
4896
+ --base-card-padding-top: var(--space-2);
4897
+ --base-card-padding-right: var(--space-2);
4898
+ --base-card-padding-bottom: var(--space-2);
4899
+ --base-card-padding-left: var(--space-2);
4900
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4901
+ }
4902
+ .rt-BaseCard:where(.sm\:rt-r-size-2) {
4896
4903
  --base-card-padding-top: var(--space-3);
4897
4904
  --base-card-padding-right: var(--space-3);
4898
4905
  --base-card-padding-bottom: var(--space-3);
4899
4906
  --base-card-padding-left: var(--space-3);
4900
- --base-card-border-radius: var(--radius-5);
4907
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4901
4908
  }
4902
- .rt-BaseCard:where(.sm\:rt-r-size-2) {
4909
+ .rt-BaseCard:where(.sm\:rt-r-size-3) {
4903
4910
  --base-card-padding-top: var(--space-4);
4904
4911
  --base-card-padding-right: var(--space-4);
4905
4912
  --base-card-padding-bottom: var(--space-4);
4906
4913
  --base-card-padding-left: var(--space-4);
4907
- --base-card-border-radius: var(--radius-6);
4914
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4908
4915
  }
4909
- .rt-BaseCard:where(.sm\:rt-r-size-3) {
4916
+ .rt-BaseCard:where(.sm\:rt-r-size-4) {
4910
4917
  --base-card-padding-top: var(--space-5);
4911
4918
  --base-card-padding-right: var(--space-5);
4912
4919
  --base-card-padding-bottom: var(--space-5);
4913
4920
  --base-card-padding-left: var(--space-5);
4914
- --base-card-border-radius: var(--radius-7);
4921
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4915
4922
  }
4916
- .rt-BaseCard:where(.sm\:rt-r-size-4) {
4923
+ .rt-BaseCard:where(.sm\:rt-r-size-5) {
4917
4924
  --base-card-padding-top: var(--space-6);
4918
4925
  --base-card-padding-right: var(--space-6);
4919
4926
  --base-card-padding-bottom: var(--space-6);
4920
4927
  --base-card-padding-left: var(--space-6);
4921
- --base-card-border-radius: var(--radius-8);
4922
- }
4923
- .rt-BaseCard:where(.sm\:rt-r-size-5) {
4924
- --base-card-padding-top: var(--space-7);
4925
- --base-card-padding-right: var(--space-7);
4926
- --base-card-padding-bottom: var(--space-7);
4927
- --base-card-padding-left: var(--space-7);
4928
- --base-card-border-radius: var(--radius-9);
4928
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4929
4929
  }
4930
4930
  }
4931
4931
  @media (min-width: 1024px) {
4932
4932
  .rt-BaseCard:where(.md\:rt-r-size-1) {
4933
+ --base-card-padding-top: var(--space-2);
4934
+ --base-card-padding-right: var(--space-2);
4935
+ --base-card-padding-bottom: var(--space-2);
4936
+ --base-card-padding-left: var(--space-2);
4937
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4938
+ }
4939
+ .rt-BaseCard:where(.md\:rt-r-size-2) {
4933
4940
  --base-card-padding-top: var(--space-3);
4934
4941
  --base-card-padding-right: var(--space-3);
4935
4942
  --base-card-padding-bottom: var(--space-3);
4936
4943
  --base-card-padding-left: var(--space-3);
4937
- --base-card-border-radius: var(--radius-5);
4944
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4938
4945
  }
4939
- .rt-BaseCard:where(.md\:rt-r-size-2) {
4946
+ .rt-BaseCard:where(.md\:rt-r-size-3) {
4940
4947
  --base-card-padding-top: var(--space-4);
4941
4948
  --base-card-padding-right: var(--space-4);
4942
4949
  --base-card-padding-bottom: var(--space-4);
4943
4950
  --base-card-padding-left: var(--space-4);
4944
- --base-card-border-radius: var(--radius-6);
4951
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4945
4952
  }
4946
- .rt-BaseCard:where(.md\:rt-r-size-3) {
4953
+ .rt-BaseCard:where(.md\:rt-r-size-4) {
4947
4954
  --base-card-padding-top: var(--space-5);
4948
4955
  --base-card-padding-right: var(--space-5);
4949
4956
  --base-card-padding-bottom: var(--space-5);
4950
4957
  --base-card-padding-left: var(--space-5);
4951
- --base-card-border-radius: var(--radius-7);
4958
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4952
4959
  }
4953
- .rt-BaseCard:where(.md\:rt-r-size-4) {
4960
+ .rt-BaseCard:where(.md\:rt-r-size-5) {
4954
4961
  --base-card-padding-top: var(--space-6);
4955
4962
  --base-card-padding-right: var(--space-6);
4956
4963
  --base-card-padding-bottom: var(--space-6);
4957
4964
  --base-card-padding-left: var(--space-6);
4958
- --base-card-border-radius: var(--radius-8);
4959
- }
4960
- .rt-BaseCard:where(.md\:rt-r-size-5) {
4961
- --base-card-padding-top: var(--space-7);
4962
- --base-card-padding-right: var(--space-7);
4963
- --base-card-padding-bottom: var(--space-7);
4964
- --base-card-padding-left: var(--space-7);
4965
- --base-card-border-radius: var(--radius-9);
4965
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4966
4966
  }
4967
4967
  }
4968
4968
  @media (min-width: 1280px) {
4969
4969
  .rt-BaseCard:where(.lg\:rt-r-size-1) {
4970
+ --base-card-padding-top: var(--space-2);
4971
+ --base-card-padding-right: var(--space-2);
4972
+ --base-card-padding-bottom: var(--space-2);
4973
+ --base-card-padding-left: var(--space-2);
4974
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4975
+ }
4976
+ .rt-BaseCard:where(.lg\:rt-r-size-2) {
4970
4977
  --base-card-padding-top: var(--space-3);
4971
4978
  --base-card-padding-right: var(--space-3);
4972
4979
  --base-card-padding-bottom: var(--space-3);
4973
4980
  --base-card-padding-left: var(--space-3);
4974
- --base-card-border-radius: var(--radius-5);
4981
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4975
4982
  }
4976
- .rt-BaseCard:where(.lg\:rt-r-size-2) {
4983
+ .rt-BaseCard:where(.lg\:rt-r-size-3) {
4977
4984
  --base-card-padding-top: var(--space-4);
4978
4985
  --base-card-padding-right: var(--space-4);
4979
4986
  --base-card-padding-bottom: var(--space-4);
4980
4987
  --base-card-padding-left: var(--space-4);
4981
- --base-card-border-radius: var(--radius-6);
4988
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4982
4989
  }
4983
- .rt-BaseCard:where(.lg\:rt-r-size-3) {
4990
+ .rt-BaseCard:where(.lg\:rt-r-size-4) {
4984
4991
  --base-card-padding-top: var(--space-5);
4985
4992
  --base-card-padding-right: var(--space-5);
4986
4993
  --base-card-padding-bottom: var(--space-5);
4987
4994
  --base-card-padding-left: var(--space-5);
4988
- --base-card-border-radius: var(--radius-7);
4995
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4989
4996
  }
4990
- .rt-BaseCard:where(.lg\:rt-r-size-4) {
4997
+ .rt-BaseCard:where(.lg\:rt-r-size-5) {
4991
4998
  --base-card-padding-top: var(--space-6);
4992
4999
  --base-card-padding-right: var(--space-6);
4993
5000
  --base-card-padding-bottom: var(--space-6);
4994
5001
  --base-card-padding-left: var(--space-6);
4995
- --base-card-border-radius: var(--radius-8);
4996
- }
4997
- .rt-BaseCard:where(.lg\:rt-r-size-5) {
4998
- --base-card-padding-top: var(--space-7);
4999
- --base-card-padding-right: var(--space-7);
5000
- --base-card-padding-bottom: var(--space-7);
5001
- --base-card-padding-left: var(--space-7);
5002
- --base-card-border-radius: var(--radius-9);
5002
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
5003
5003
  }
5004
5004
  }
5005
5005
  @media (min-width: 1640px) {
5006
5006
  .rt-BaseCard:where(.xl\:rt-r-size-1) {
5007
+ --base-card-padding-top: var(--space-2);
5008
+ --base-card-padding-right: var(--space-2);
5009
+ --base-card-padding-bottom: var(--space-2);
5010
+ --base-card-padding-left: var(--space-2);
5011
+ --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
5012
+ }
5013
+ .rt-BaseCard:where(.xl\:rt-r-size-2) {
5007
5014
  --base-card-padding-top: var(--space-3);
5008
5015
  --base-card-padding-right: var(--space-3);
5009
5016
  --base-card-padding-bottom: var(--space-3);
5010
5017
  --base-card-padding-left: var(--space-3);
5011
- --base-card-border-radius: var(--radius-5);
5018
+ --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
5012
5019
  }
5013
- .rt-BaseCard:where(.xl\:rt-r-size-2) {
5020
+ .rt-BaseCard:where(.xl\:rt-r-size-3) {
5014
5021
  --base-card-padding-top: var(--space-4);
5015
5022
  --base-card-padding-right: var(--space-4);
5016
5023
  --base-card-padding-bottom: var(--space-4);
5017
5024
  --base-card-padding-left: var(--space-4);
5018
- --base-card-border-radius: var(--radius-6);
5025
+ --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
5019
5026
  }
5020
- .rt-BaseCard:where(.xl\:rt-r-size-3) {
5027
+ .rt-BaseCard:where(.xl\:rt-r-size-4) {
5021
5028
  --base-card-padding-top: var(--space-5);
5022
5029
  --base-card-padding-right: var(--space-5);
5023
5030
  --base-card-padding-bottom: var(--space-5);
5024
5031
  --base-card-padding-left: var(--space-5);
5025
- --base-card-border-radius: var(--radius-7);
5032
+ --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
5026
5033
  }
5027
- .rt-BaseCard:where(.xl\:rt-r-size-4) {
5034
+ .rt-BaseCard:where(.xl\:rt-r-size-5) {
5028
5035
  --base-card-padding-top: var(--space-6);
5029
5036
  --base-card-padding-right: var(--space-6);
5030
5037
  --base-card-padding-bottom: var(--space-6);
5031
5038
  --base-card-padding-left: var(--space-6);
5032
- --base-card-border-radius: var(--radius-8);
5033
- }
5034
- .rt-BaseCard:where(.xl\:rt-r-size-5) {
5035
- --base-card-padding-top: var(--space-7);
5036
- --base-card-padding-right: var(--space-7);
5037
- --base-card-padding-bottom: var(--space-7);
5038
- --base-card-padding-left: var(--space-7);
5039
- --base-card-border-radius: var(--radius-9);
5039
+ --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
5040
5040
  }
5041
5041
  }
5042
5042
  .rt-BaseCard:where(.rt-variant-outline) {
@@ -9058,7 +9058,7 @@
9058
9058
  .rt-Image {
9059
9059
  display: block;
9060
9060
  object-fit: var(--object-fit);
9061
- border-radius: var(--radius-4);
9061
+ border-radius: var(--radius-2);
9062
9062
  }
9063
9063
  @media (prefers-reduced-motion: reduce) {
9064
9064
  .rt-Image {
@@ -10154,109 +10154,109 @@
10154
10154
  backdrop-filter: var(--backdrop-filter-panel);
10155
10155
  }
10156
10156
  .rt-PopoverContent:where(.rt-r-size-1) {
10157
- --popover-content-padding: var(--space-3);
10158
- border-radius: var(--radius-3);
10157
+ --popover-content-padding: var(--space-5);
10158
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
10159
10159
  }
10160
10160
  .rt-PopoverContent:where(.rt-r-size-2) {
10161
- --popover-content-padding: var(--space-4);
10162
- border-radius: var(--radius-4);
10161
+ --popover-content-padding: var(--space-6);
10162
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
10163
10163
  }
10164
10164
  .rt-PopoverContent:where(.rt-r-size-3) {
10165
- --popover-content-padding: var(--space-5);
10166
- border-radius: var(--radius-5);
10165
+ --popover-content-padding: var(--space-7);
10166
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
10167
10167
  }
10168
10168
  .rt-PopoverContent:where(.rt-r-size-4) {
10169
- --popover-content-padding: var(--space-6);
10170
- border-radius: var(--radius-6);
10169
+ --popover-content-padding: var(--space-8);
10170
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
10171
10171
  }
10172
10172
  @media (min-width: 520px) {
10173
10173
  .rt-PopoverContent:where(.xs\:rt-r-size-1) {
10174
- --popover-content-padding: var(--space-3);
10175
- border-radius: var(--radius-3);
10174
+ --popover-content-padding: var(--space-5);
10175
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
10176
10176
  }
10177
10177
  .rt-PopoverContent:where(.xs\:rt-r-size-2) {
10178
- --popover-content-padding: var(--space-4);
10179
- border-radius: var(--radius-4);
10178
+ --popover-content-padding: var(--space-6);
10179
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
10180
10180
  }
10181
10181
  .rt-PopoverContent:where(.xs\:rt-r-size-3) {
10182
- --popover-content-padding: var(--space-5);
10183
- border-radius: var(--radius-5);
10182
+ --popover-content-padding: var(--space-7);
10183
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
10184
10184
  }
10185
10185
  .rt-PopoverContent:where(.xs\:rt-r-size-4) {
10186
- --popover-content-padding: var(--space-6);
10187
- border-radius: var(--radius-6);
10186
+ --popover-content-padding: var(--space-8);
10187
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
10188
10188
  }
10189
10189
  }
10190
10190
  @media (min-width: 768px) {
10191
10191
  .rt-PopoverContent:where(.sm\:rt-r-size-1) {
10192
- --popover-content-padding: var(--space-3);
10193
- border-radius: var(--radius-3);
10192
+ --popover-content-padding: var(--space-5);
10193
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
10194
10194
  }
10195
10195
  .rt-PopoverContent:where(.sm\:rt-r-size-2) {
10196
- --popover-content-padding: var(--space-4);
10197
- border-radius: var(--radius-4);
10196
+ --popover-content-padding: var(--space-6);
10197
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
10198
10198
  }
10199
10199
  .rt-PopoverContent:where(.sm\:rt-r-size-3) {
10200
- --popover-content-padding: var(--space-5);
10201
- border-radius: var(--radius-5);
10200
+ --popover-content-padding: var(--space-7);
10201
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
10202
10202
  }
10203
10203
  .rt-PopoverContent:where(.sm\:rt-r-size-4) {
10204
- --popover-content-padding: var(--space-6);
10205
- border-radius: var(--radius-6);
10204
+ --popover-content-padding: var(--space-8);
10205
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
10206
10206
  }
10207
10207
  }
10208
10208
  @media (min-width: 1024px) {
10209
10209
  .rt-PopoverContent:where(.md\:rt-r-size-1) {
10210
- --popover-content-padding: var(--space-3);
10211
- border-radius: var(--radius-3);
10210
+ --popover-content-padding: var(--space-5);
10211
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
10212
10212
  }
10213
10213
  .rt-PopoverContent:where(.md\:rt-r-size-2) {
10214
- --popover-content-padding: var(--space-4);
10215
- border-radius: var(--radius-4);
10214
+ --popover-content-padding: var(--space-6);
10215
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
10216
10216
  }
10217
10217
  .rt-PopoverContent:where(.md\:rt-r-size-3) {
10218
- --popover-content-padding: var(--space-5);
10219
- border-radius: var(--radius-5);
10218
+ --popover-content-padding: var(--space-7);
10219
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
10220
10220
  }
10221
10221
  .rt-PopoverContent:where(.md\:rt-r-size-4) {
10222
- --popover-content-padding: var(--space-6);
10223
- border-radius: var(--radius-6);
10222
+ --popover-content-padding: var(--space-8);
10223
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
10224
10224
  }
10225
10225
  }
10226
10226
  @media (min-width: 1280px) {
10227
10227
  .rt-PopoverContent:where(.lg\:rt-r-size-1) {
10228
- --popover-content-padding: var(--space-3);
10229
- border-radius: var(--radius-3);
10228
+ --popover-content-padding: var(--space-5);
10229
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
10230
10230
  }
10231
10231
  .rt-PopoverContent:where(.lg\:rt-r-size-2) {
10232
- --popover-content-padding: var(--space-4);
10233
- border-radius: var(--radius-4);
10232
+ --popover-content-padding: var(--space-6);
10233
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
10234
10234
  }
10235
10235
  .rt-PopoverContent:where(.lg\:rt-r-size-3) {
10236
- --popover-content-padding: var(--space-5);
10237
- border-radius: var(--radius-5);
10236
+ --popover-content-padding: var(--space-7);
10237
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
10238
10238
  }
10239
10239
  .rt-PopoverContent:where(.lg\:rt-r-size-4) {
10240
- --popover-content-padding: var(--space-6);
10241
- border-radius: var(--radius-6);
10240
+ --popover-content-padding: var(--space-8);
10241
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
10242
10242
  }
10243
10243
  }
10244
10244
  @media (min-width: 1640px) {
10245
10245
  .rt-PopoverContent:where(.xl\:rt-r-size-1) {
10246
- --popover-content-padding: var(--space-3);
10247
- border-radius: var(--radius-3);
10246
+ --popover-content-padding: var(--space-5);
10247
+ border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
10248
10248
  }
10249
10249
  .rt-PopoverContent:where(.xl\:rt-r-size-2) {
10250
- --popover-content-padding: var(--space-4);
10251
- border-radius: var(--radius-4);
10250
+ --popover-content-padding: var(--space-6);
10251
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
10252
10252
  }
10253
10253
  .rt-PopoverContent:where(.xl\:rt-r-size-3) {
10254
- --popover-content-padding: var(--space-5);
10255
- border-radius: var(--radius-5);
10254
+ --popover-content-padding: var(--space-7);
10255
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
10256
10256
  }
10257
10257
  .rt-PopoverContent:where(.xl\:rt-r-size-4) {
10258
- --popover-content-padding: var(--space-6);
10259
- border-radius: var(--radius-6);
10258
+ --popover-content-padding: var(--space-8);
10259
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
10260
10260
  }
10261
10261
  }
10262
10262
  .rt-ProgressRoot {
@@ -16053,7 +16053,7 @@
16053
16053
  }
16054
16054
  .rt-TextAreaRoot:where(.rt-r-size-1) {
16055
16055
  min-height: var(--space-8);
16056
- border-radius: var(--radius-3);
16056
+ border-radius: var(--radius-1);
16057
16057
  }
16058
16058
  .rt-TextAreaRoot:where(.rt-r-size-1) :where(.rt-TextAreaInput) {
16059
16059
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -16064,22 +16064,22 @@
16064
16064
  }
16065
16065
  .rt-TextAreaRoot:where(.rt-r-size-2) {
16066
16066
  min-height: var(--space-9);
16067
- border-radius: var(--radius-4);
16067
+ border-radius: var(--radius-2);
16068
16068
  }
16069
16069
  .rt-TextAreaRoot:where(.rt-r-size-2) :where(.rt-TextAreaInput) {
16070
16070
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
16071
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16071
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
16072
16072
  font-size: var(--font-size-2);
16073
16073
  line-height: var(--line-height-2);
16074
16074
  letter-spacing: var(--letter-spacing-2);
16075
16075
  }
16076
16076
  .rt-TextAreaRoot:where(.rt-r-size-3) {
16077
16077
  min-height: 80px;
16078
- border-radius: var(--radius-5);
16078
+ border-radius: var(--radius-3);
16079
16079
  }
16080
16080
  .rt-TextAreaRoot:where(.rt-r-size-3) :where(.rt-TextAreaInput) {
16081
16081
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
16082
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
16082
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16083
16083
  font-size: var(--font-size-3);
16084
16084
  line-height: var(--line-height-3);
16085
16085
  letter-spacing: var(--letter-spacing-3);
@@ -16087,7 +16087,7 @@
16087
16087
  @media (min-width: 520px) {
16088
16088
  .rt-TextAreaRoot:where(.xs\:rt-r-size-1) {
16089
16089
  min-height: var(--space-8);
16090
- border-radius: var(--radius-3);
16090
+ border-radius: var(--radius-1);
16091
16091
  }
16092
16092
  .rt-TextAreaRoot:where(.xs\:rt-r-size-1) :where(.rt-TextAreaInput) {
16093
16093
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -16098,22 +16098,22 @@
16098
16098
  }
16099
16099
  .rt-TextAreaRoot:where(.xs\:rt-r-size-2) {
16100
16100
  min-height: var(--space-9);
16101
- border-radius: var(--radius-4);
16101
+ border-radius: var(--radius-2);
16102
16102
  }
16103
16103
  .rt-TextAreaRoot:where(.xs\:rt-r-size-2) :where(.rt-TextAreaInput) {
16104
16104
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
16105
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16105
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
16106
16106
  font-size: var(--font-size-2);
16107
16107
  line-height: var(--line-height-2);
16108
16108
  letter-spacing: var(--letter-spacing-2);
16109
16109
  }
16110
16110
  .rt-TextAreaRoot:where(.xs\:rt-r-size-3) {
16111
16111
  min-height: 80px;
16112
- border-radius: var(--radius-5);
16112
+ border-radius: var(--radius-3);
16113
16113
  }
16114
16114
  .rt-TextAreaRoot:where(.xs\:rt-r-size-3) :where(.rt-TextAreaInput) {
16115
16115
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
16116
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
16116
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16117
16117
  font-size: var(--font-size-3);
16118
16118
  line-height: var(--line-height-3);
16119
16119
  letter-spacing: var(--letter-spacing-3);
@@ -16122,7 +16122,7 @@
16122
16122
  @media (min-width: 768px) {
16123
16123
  .rt-TextAreaRoot:where(.sm\:rt-r-size-1) {
16124
16124
  min-height: var(--space-8);
16125
- border-radius: var(--radius-3);
16125
+ border-radius: var(--radius-1);
16126
16126
  }
16127
16127
  .rt-TextAreaRoot:where(.sm\:rt-r-size-1) :where(.rt-TextAreaInput) {
16128
16128
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -16133,22 +16133,22 @@
16133
16133
  }
16134
16134
  .rt-TextAreaRoot:where(.sm\:rt-r-size-2) {
16135
16135
  min-height: var(--space-9);
16136
- border-radius: var(--radius-4);
16136
+ border-radius: var(--radius-2);
16137
16137
  }
16138
16138
  .rt-TextAreaRoot:where(.sm\:rt-r-size-2) :where(.rt-TextAreaInput) {
16139
16139
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
16140
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16140
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
16141
16141
  font-size: var(--font-size-2);
16142
16142
  line-height: var(--line-height-2);
16143
16143
  letter-spacing: var(--letter-spacing-2);
16144
16144
  }
16145
16145
  .rt-TextAreaRoot:where(.sm\:rt-r-size-3) {
16146
16146
  min-height: 80px;
16147
- border-radius: var(--radius-5);
16147
+ border-radius: var(--radius-3);
16148
16148
  }
16149
16149
  .rt-TextAreaRoot:where(.sm\:rt-r-size-3) :where(.rt-TextAreaInput) {
16150
16150
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
16151
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
16151
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16152
16152
  font-size: var(--font-size-3);
16153
16153
  line-height: var(--line-height-3);
16154
16154
  letter-spacing: var(--letter-spacing-3);
@@ -16157,7 +16157,7 @@
16157
16157
  @media (min-width: 1024px) {
16158
16158
  .rt-TextAreaRoot:where(.md\:rt-r-size-1) {
16159
16159
  min-height: var(--space-8);
16160
- border-radius: var(--radius-3);
16160
+ border-radius: var(--radius-1);
16161
16161
  }
16162
16162
  .rt-TextAreaRoot:where(.md\:rt-r-size-1) :where(.rt-TextAreaInput) {
16163
16163
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -16168,22 +16168,22 @@
16168
16168
  }
16169
16169
  .rt-TextAreaRoot:where(.md\:rt-r-size-2) {
16170
16170
  min-height: var(--space-9);
16171
- border-radius: var(--radius-4);
16171
+ border-radius: var(--radius-2);
16172
16172
  }
16173
16173
  .rt-TextAreaRoot:where(.md\:rt-r-size-2) :where(.rt-TextAreaInput) {
16174
16174
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
16175
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16175
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
16176
16176
  font-size: var(--font-size-2);
16177
16177
  line-height: var(--line-height-2);
16178
16178
  letter-spacing: var(--letter-spacing-2);
16179
16179
  }
16180
16180
  .rt-TextAreaRoot:where(.md\:rt-r-size-3) {
16181
16181
  min-height: 80px;
16182
- border-radius: var(--radius-5);
16182
+ border-radius: var(--radius-3);
16183
16183
  }
16184
16184
  .rt-TextAreaRoot:where(.md\:rt-r-size-3) :where(.rt-TextAreaInput) {
16185
16185
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
16186
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
16186
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16187
16187
  font-size: var(--font-size-3);
16188
16188
  line-height: var(--line-height-3);
16189
16189
  letter-spacing: var(--letter-spacing-3);
@@ -16192,7 +16192,7 @@
16192
16192
  @media (min-width: 1280px) {
16193
16193
  .rt-TextAreaRoot:where(.lg\:rt-r-size-1) {
16194
16194
  min-height: var(--space-8);
16195
- border-radius: var(--radius-3);
16195
+ border-radius: var(--radius-1);
16196
16196
  }
16197
16197
  .rt-TextAreaRoot:where(.lg\:rt-r-size-1) :where(.rt-TextAreaInput) {
16198
16198
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -16203,22 +16203,22 @@
16203
16203
  }
16204
16204
  .rt-TextAreaRoot:where(.lg\:rt-r-size-2) {
16205
16205
  min-height: var(--space-9);
16206
- border-radius: var(--radius-4);
16206
+ border-radius: var(--radius-2);
16207
16207
  }
16208
16208
  .rt-TextAreaRoot:where(.lg\:rt-r-size-2) :where(.rt-TextAreaInput) {
16209
16209
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
16210
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16210
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
16211
16211
  font-size: var(--font-size-2);
16212
16212
  line-height: var(--line-height-2);
16213
16213
  letter-spacing: var(--letter-spacing-2);
16214
16214
  }
16215
16215
  .rt-TextAreaRoot:where(.lg\:rt-r-size-3) {
16216
16216
  min-height: 80px;
16217
- border-radius: var(--radius-5);
16217
+ border-radius: var(--radius-3);
16218
16218
  }
16219
16219
  .rt-TextAreaRoot:where(.lg\:rt-r-size-3) :where(.rt-TextAreaInput) {
16220
16220
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
16221
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
16221
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16222
16222
  font-size: var(--font-size-3);
16223
16223
  line-height: var(--line-height-3);
16224
16224
  letter-spacing: var(--letter-spacing-3);
@@ -16227,7 +16227,7 @@
16227
16227
  @media (min-width: 1640px) {
16228
16228
  .rt-TextAreaRoot:where(.xl\:rt-r-size-1) {
16229
16229
  min-height: var(--space-8);
16230
- border-radius: var(--radius-3);
16230
+ border-radius: var(--radius-1);
16231
16231
  }
16232
16232
  .rt-TextAreaRoot:where(.xl\:rt-r-size-1) :where(.rt-TextAreaInput) {
16233
16233
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
@@ -16238,22 +16238,22 @@
16238
16238
  }
16239
16239
  .rt-TextAreaRoot:where(.xl\:rt-r-size-2) {
16240
16240
  min-height: var(--space-9);
16241
- border-radius: var(--radius-4);
16241
+ border-radius: var(--radius-2);
16242
16242
  }
16243
16243
  .rt-TextAreaRoot:where(.xl\:rt-r-size-2) :where(.rt-TextAreaInput) {
16244
16244
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
16245
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16245
+ --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
16246
16246
  font-size: var(--font-size-2);
16247
16247
  line-height: var(--line-height-2);
16248
16248
  letter-spacing: var(--letter-spacing-2);
16249
16249
  }
16250
16250
  .rt-TextAreaRoot:where(.xl\:rt-r-size-3) {
16251
16251
  min-height: 80px;
16252
- border-radius: var(--radius-5);
16252
+ border-radius: var(--radius-3);
16253
16253
  }
16254
16254
  .rt-TextAreaRoot:where(.xl\:rt-r-size-3) :where(.rt-TextAreaInput) {
16255
16255
  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
16256
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
16256
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
16257
16257
  font-size: var(--font-size-3);
16258
16258
  line-height: var(--line-height-3);
16259
16259
  letter-spacing: var(--letter-spacing-3);