@kushagradhawan/kookie-ui 0.1.54 → 0.1.55

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 (13) hide show
  1. package/components.css +292 -187
  2. package/package.json +1 -1
  3. package/schemas/base-button.json +1 -1
  4. package/schemas/button.json +1 -1
  5. package/schemas/icon-button.json +1 -1
  6. package/schemas/index.json +6 -6
  7. package/schemas/toggle-button.json +1 -1
  8. package/schemas/toggle-icon-button.json +1 -1
  9. package/src/components/_internal/base-card.css +20 -83
  10. package/src/components/_internal/base-sidebar.css +2 -19
  11. package/src/components/callout.css +22 -5
  12. package/src/components/table.css +25 -5
  13. package/styles.css +292 -187
package/styles.css CHANGED
@@ -9607,6 +9607,7 @@
9607
9607
  text-align: left;
9608
9608
  color: var(--accent-a11);
9609
9609
  transition: var(--transition-card);
9610
+ border-radius: var(--callout-border-radius);
9610
9611
  isolation: isolate;
9611
9612
  }
9612
9613
  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-CalloutRoot{
@@ -9660,7 +9661,7 @@
9660
9661
  -moz-column-gap: var(--space-2);
9661
9662
  column-gap: var(--space-2);
9662
9663
  padding: var(--space-3);
9663
- border-radius: var(--radius-1);
9664
+ --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9664
9665
  --callout-icon-height: var(--line-height-1);
9665
9666
  --callout-icon-size: var(--content-icon-size-1);
9666
9667
  }
@@ -9669,7 +9670,7 @@
9669
9670
  -moz-column-gap: var(--space-3);
9670
9671
  column-gap: var(--space-3);
9671
9672
  padding: var(--space-4);
9672
- border-radius: var(--radius-2);
9673
+ --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9673
9674
  --callout-icon-height: var(--line-height-2);
9674
9675
  --callout-icon-size: var(--content-icon-size-2);
9675
9676
  }
@@ -9678,17 +9679,35 @@
9678
9679
  -moz-column-gap: var(--space-4);
9679
9680
  column-gap: var(--space-4);
9680
9681
  padding: var(--space-5);
9681
- border-radius: var(--radius-3);
9682
+ --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9682
9683
  --callout-icon-height: var(--line-height-3);
9683
9684
  --callout-icon-size: var(--content-icon-size-3);
9684
9685
  }
9686
+ .rt-CalloutRoot:where(.rt-r-size-4){
9687
+ row-gap: var(--space-3);
9688
+ -moz-column-gap: var(--space-5);
9689
+ column-gap: var(--space-5);
9690
+ padding: var(--space-6);
9691
+ --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9692
+ --callout-icon-height: var(--line-height-4);
9693
+ --callout-icon-size: var(--content-icon-size-4);
9694
+ }
9695
+ .rt-CalloutRoot:where(.rt-r-size-5){
9696
+ row-gap: var(--space-4);
9697
+ -moz-column-gap: var(--space-6);
9698
+ column-gap: var(--space-6);
9699
+ padding: var(--space-7);
9700
+ --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9701
+ --callout-icon-height: var(--line-height-5);
9702
+ --callout-icon-size: var(--content-icon-size-5);
9703
+ }
9685
9704
  @media (min-width: 520px){
9686
9705
  .rt-CalloutRoot:where(.xs\:rt-r-size-1){
9687
9706
  row-gap: var(--space-2);
9688
9707
  -moz-column-gap: var(--space-2);
9689
9708
  column-gap: var(--space-2);
9690
9709
  padding: var(--space-3);
9691
- border-radius: var(--radius-1);
9710
+ --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9692
9711
  --callout-icon-height: var(--line-height-1);
9693
9712
  --callout-icon-size: var(--content-icon-size-1);
9694
9713
  }
@@ -9697,7 +9716,7 @@
9697
9716
  -moz-column-gap: var(--space-3);
9698
9717
  column-gap: var(--space-3);
9699
9718
  padding: var(--space-4);
9700
- border-radius: var(--radius-2);
9719
+ --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9701
9720
  --callout-icon-height: var(--line-height-2);
9702
9721
  --callout-icon-size: var(--content-icon-size-2);
9703
9722
  }
@@ -9706,10 +9725,28 @@
9706
9725
  -moz-column-gap: var(--space-4);
9707
9726
  column-gap: var(--space-4);
9708
9727
  padding: var(--space-5);
9709
- border-radius: var(--radius-3);
9728
+ --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9710
9729
  --callout-icon-height: var(--line-height-3);
9711
9730
  --callout-icon-size: var(--content-icon-size-3);
9712
9731
  }
9732
+ .rt-CalloutRoot:where(.xs\:rt-r-size-4){
9733
+ row-gap: var(--space-3);
9734
+ -moz-column-gap: var(--space-5);
9735
+ column-gap: var(--space-5);
9736
+ padding: var(--space-6);
9737
+ --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9738
+ --callout-icon-height: var(--line-height-4);
9739
+ --callout-icon-size: var(--content-icon-size-4);
9740
+ }
9741
+ .rt-CalloutRoot:where(.xs\:rt-r-size-5){
9742
+ row-gap: var(--space-4);
9743
+ -moz-column-gap: var(--space-6);
9744
+ column-gap: var(--space-6);
9745
+ padding: var(--space-7);
9746
+ --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9747
+ --callout-icon-height: var(--line-height-5);
9748
+ --callout-icon-size: var(--content-icon-size-5);
9749
+ }
9713
9750
  }
9714
9751
  @media (min-width: 768px){
9715
9752
  .rt-CalloutRoot:where(.sm\:rt-r-size-1){
@@ -9717,7 +9754,7 @@
9717
9754
  -moz-column-gap: var(--space-2);
9718
9755
  column-gap: var(--space-2);
9719
9756
  padding: var(--space-3);
9720
- border-radius: var(--radius-1);
9757
+ --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9721
9758
  --callout-icon-height: var(--line-height-1);
9722
9759
  --callout-icon-size: var(--content-icon-size-1);
9723
9760
  }
@@ -9726,7 +9763,7 @@
9726
9763
  -moz-column-gap: var(--space-3);
9727
9764
  column-gap: var(--space-3);
9728
9765
  padding: var(--space-4);
9729
- border-radius: var(--radius-2);
9766
+ --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9730
9767
  --callout-icon-height: var(--line-height-2);
9731
9768
  --callout-icon-size: var(--content-icon-size-2);
9732
9769
  }
@@ -9735,10 +9772,28 @@
9735
9772
  -moz-column-gap: var(--space-4);
9736
9773
  column-gap: var(--space-4);
9737
9774
  padding: var(--space-5);
9738
- border-radius: var(--radius-3);
9775
+ --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9739
9776
  --callout-icon-height: var(--line-height-3);
9740
9777
  --callout-icon-size: var(--content-icon-size-3);
9741
9778
  }
9779
+ .rt-CalloutRoot:where(.sm\:rt-r-size-4){
9780
+ row-gap: var(--space-3);
9781
+ -moz-column-gap: var(--space-5);
9782
+ column-gap: var(--space-5);
9783
+ padding: var(--space-6);
9784
+ --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9785
+ --callout-icon-height: var(--line-height-4);
9786
+ --callout-icon-size: var(--content-icon-size-4);
9787
+ }
9788
+ .rt-CalloutRoot:where(.sm\:rt-r-size-5){
9789
+ row-gap: var(--space-4);
9790
+ -moz-column-gap: var(--space-6);
9791
+ column-gap: var(--space-6);
9792
+ padding: var(--space-7);
9793
+ --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9794
+ --callout-icon-height: var(--line-height-5);
9795
+ --callout-icon-size: var(--content-icon-size-5);
9796
+ }
9742
9797
  }
9743
9798
  @media (min-width: 1024px){
9744
9799
  .rt-CalloutRoot:where(.md\:rt-r-size-1){
@@ -9746,7 +9801,7 @@
9746
9801
  -moz-column-gap: var(--space-2);
9747
9802
  column-gap: var(--space-2);
9748
9803
  padding: var(--space-3);
9749
- border-radius: var(--radius-1);
9804
+ --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9750
9805
  --callout-icon-height: var(--line-height-1);
9751
9806
  --callout-icon-size: var(--content-icon-size-1);
9752
9807
  }
@@ -9755,7 +9810,7 @@
9755
9810
  -moz-column-gap: var(--space-3);
9756
9811
  column-gap: var(--space-3);
9757
9812
  padding: var(--space-4);
9758
- border-radius: var(--radius-2);
9813
+ --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9759
9814
  --callout-icon-height: var(--line-height-2);
9760
9815
  --callout-icon-size: var(--content-icon-size-2);
9761
9816
  }
@@ -9764,10 +9819,28 @@
9764
9819
  -moz-column-gap: var(--space-4);
9765
9820
  column-gap: var(--space-4);
9766
9821
  padding: var(--space-5);
9767
- border-radius: var(--radius-3);
9822
+ --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9768
9823
  --callout-icon-height: var(--line-height-3);
9769
9824
  --callout-icon-size: var(--content-icon-size-3);
9770
9825
  }
9826
+ .rt-CalloutRoot:where(.md\:rt-r-size-4){
9827
+ row-gap: var(--space-3);
9828
+ -moz-column-gap: var(--space-5);
9829
+ column-gap: var(--space-5);
9830
+ padding: var(--space-6);
9831
+ --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9832
+ --callout-icon-height: var(--line-height-4);
9833
+ --callout-icon-size: var(--content-icon-size-4);
9834
+ }
9835
+ .rt-CalloutRoot:where(.md\:rt-r-size-5){
9836
+ row-gap: var(--space-4);
9837
+ -moz-column-gap: var(--space-6);
9838
+ column-gap: var(--space-6);
9839
+ padding: var(--space-7);
9840
+ --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9841
+ --callout-icon-height: var(--line-height-5);
9842
+ --callout-icon-size: var(--content-icon-size-5);
9843
+ }
9771
9844
  }
9772
9845
  @media (min-width: 1280px){
9773
9846
  .rt-CalloutRoot:where(.lg\:rt-r-size-1){
@@ -9775,7 +9848,7 @@
9775
9848
  -moz-column-gap: var(--space-2);
9776
9849
  column-gap: var(--space-2);
9777
9850
  padding: var(--space-3);
9778
- border-radius: var(--radius-1);
9851
+ --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9779
9852
  --callout-icon-height: var(--line-height-1);
9780
9853
  --callout-icon-size: var(--content-icon-size-1);
9781
9854
  }
@@ -9784,7 +9857,7 @@
9784
9857
  -moz-column-gap: var(--space-3);
9785
9858
  column-gap: var(--space-3);
9786
9859
  padding: var(--space-4);
9787
- border-radius: var(--radius-2);
9860
+ --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9788
9861
  --callout-icon-height: var(--line-height-2);
9789
9862
  --callout-icon-size: var(--content-icon-size-2);
9790
9863
  }
@@ -9793,10 +9866,28 @@
9793
9866
  -moz-column-gap: var(--space-4);
9794
9867
  column-gap: var(--space-4);
9795
9868
  padding: var(--space-5);
9796
- border-radius: var(--radius-3);
9869
+ --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9797
9870
  --callout-icon-height: var(--line-height-3);
9798
9871
  --callout-icon-size: var(--content-icon-size-3);
9799
9872
  }
9873
+ .rt-CalloutRoot:where(.lg\:rt-r-size-4){
9874
+ row-gap: var(--space-3);
9875
+ -moz-column-gap: var(--space-5);
9876
+ column-gap: var(--space-5);
9877
+ padding: var(--space-6);
9878
+ --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9879
+ --callout-icon-height: var(--line-height-4);
9880
+ --callout-icon-size: var(--content-icon-size-4);
9881
+ }
9882
+ .rt-CalloutRoot:where(.lg\:rt-r-size-5){
9883
+ row-gap: var(--space-4);
9884
+ -moz-column-gap: var(--space-6);
9885
+ column-gap: var(--space-6);
9886
+ padding: var(--space-7);
9887
+ --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9888
+ --callout-icon-height: var(--line-height-5);
9889
+ --callout-icon-size: var(--content-icon-size-5);
9890
+ }
9800
9891
  }
9801
9892
  @media (min-width: 1640px){
9802
9893
  .rt-CalloutRoot:where(.xl\:rt-r-size-1){
@@ -9804,7 +9895,7 @@
9804
9895
  -moz-column-gap: var(--space-2);
9805
9896
  column-gap: var(--space-2);
9806
9897
  padding: var(--space-3);
9807
- border-radius: var(--radius-1);
9898
+ --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9808
9899
  --callout-icon-height: var(--line-height-1);
9809
9900
  --callout-icon-size: var(--content-icon-size-1);
9810
9901
  }
@@ -9813,7 +9904,7 @@
9813
9904
  -moz-column-gap: var(--space-3);
9814
9905
  column-gap: var(--space-3);
9815
9906
  padding: var(--space-4);
9816
- border-radius: var(--radius-2);
9907
+ --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9817
9908
  --callout-icon-height: var(--line-height-2);
9818
9909
  --callout-icon-size: var(--content-icon-size-2);
9819
9910
  }
@@ -9822,10 +9913,28 @@
9822
9913
  -moz-column-gap: var(--space-4);
9823
9914
  column-gap: var(--space-4);
9824
9915
  padding: var(--space-5);
9825
- border-radius: var(--radius-3);
9916
+ --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9826
9917
  --callout-icon-height: var(--line-height-3);
9827
9918
  --callout-icon-size: var(--content-icon-size-3);
9828
9919
  }
9920
+ .rt-CalloutRoot:where(.xl\:rt-r-size-4){
9921
+ row-gap: var(--space-3);
9922
+ -moz-column-gap: var(--space-5);
9923
+ column-gap: var(--space-5);
9924
+ padding: var(--space-6);
9925
+ --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9926
+ --callout-icon-height: var(--line-height-4);
9927
+ --callout-icon-size: var(--content-icon-size-4);
9928
+ }
9929
+ .rt-CalloutRoot:where(.xl\:rt-r-size-5){
9930
+ row-gap: var(--space-4);
9931
+ -moz-column-gap: var(--space-6);
9932
+ column-gap: var(--space-6);
9933
+ padding: var(--space-7);
9934
+ --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9935
+ --callout-icon-height: var(--line-height-5);
9936
+ --callout-icon-size: var(--content-icon-size-5);
9937
+ }
9829
9938
  }
9830
9939
  .rt-CalloutRoot:where(.rt-variant-soft){
9831
9940
  background-color: var(--accent-2);
@@ -9948,9 +10057,10 @@
9948
10057
  .rt-BaseCard::before{
9949
10058
  z-index: -1;
9950
10059
  }
9951
- :where([data-panel-background='translucent']) .rt-BaseCard::before{
10060
+ :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard::before{
9952
10061
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
9953
10062
  backdrop-filter: var(--backdrop-filter-panel);
10063
+ --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
9954
10064
  }
9955
10065
  :where(.rt-BaseCard[data-panel-background='solid']) .rt-BaseCard::before{
9956
10066
  -webkit-backdrop-filter: none;
@@ -9962,21 +10072,6 @@
9962
10072
  backdrop-filter: var(--backdrop-filter-panel);
9963
10073
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
9964
10074
  }
9965
- :where(
9966
- .rt-PopoverContent,
9967
- .rt-BaseDialogContent,
9968
- .rt-BaseMenuContent,
9969
- .rt-DropdownMenuContent,
9970
- .rt-ContextMenuContent,
9971
- .rt-AlertDialogContent,
9972
- .rt-HoverCardContent,
9973
- .rt-TooltipContent,
9974
- .rt-Card
9975
- )
9976
- .rt-BaseCard::before{
9977
- -webkit-backdrop-filter: none !important;
9978
- backdrop-filter: none !important;
9979
- }
9980
10075
  .rt-BaseCard:where(.rt-r-size-1){
9981
10076
  --base-card-padding-top: var(--space-2);
9982
10077
  --base-card-padding-right: var(--space-2);
@@ -10392,17 +10487,14 @@
10392
10487
  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic)::before{
10393
10488
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10394
10489
  backdrop-filter: var(--backdrop-filter-panel);
10490
+ --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
10395
10491
  }
10396
10492
  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic)::before{
10397
10493
  -webkit-backdrop-filter: none;
10398
10494
  backdrop-filter: none;
10399
10495
  --backdrop-filter-panel: none;
10400
10496
  }
10401
- :where(
10402
- .rt-BaseCard[data-panel-background='translucent'],
10403
- .rt-BaseCard[data-material='translucent']
10404
- )
10405
- .rt-BaseCard:where(.rt-variant-classic)::before{
10497
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic)::before{
10406
10498
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10407
10499
  backdrop-filter: var(--backdrop-filter-panel);
10408
10500
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10438,33 +10530,23 @@
10438
10530
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10439
10531
  backdrop-filter: var(--backdrop-filter-panel);
10440
10532
  }
10441
- :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
10442
- .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
10533
+ :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
10443
10534
  background-color: var(--gray-2);
10444
10535
  backdrop-filter: none;
10445
10536
  --backdrop-filter-panel: none;
10446
10537
  }
10447
- :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
10448
- .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
10538
+ :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
10449
10539
  background-color: var(--gray-2);
10450
10540
  -webkit-backdrop-filter: none;
10451
10541
  backdrop-filter: none;
10452
10542
  --backdrop-filter-panel: none;
10453
10543
  }
10454
- :where(
10455
- .rt-BaseCard[data-panel-background='translucent'],
10456
- .rt-BaseCard[data-material='translucent']
10457
- )
10458
- .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
10544
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
10459
10545
  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
10460
10546
  backdrop-filter: var(--backdrop-filter-panel);
10461
10547
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
10462
10548
  }
10463
- :where(
10464
- .rt-BaseCard[data-panel-background='translucent'],
10465
- .rt-BaseCard[data-material='translucent']
10466
- )
10467
- .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
10549
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
10468
10550
  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
10469
10551
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10470
10552
  backdrop-filter: var(--backdrop-filter-panel);
@@ -10511,20 +10593,12 @@
10511
10593
  backdrop-filter: none;
10512
10594
  --backdrop-filter-panel: none;
10513
10595
  }
10514
- :where(
10515
- .rt-BaseCard[data-panel-background='translucent'],
10516
- .rt-BaseCard[data-material='translucent']
10517
- )
10518
- .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before{
10596
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before{
10519
10597
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
10520
10598
  backdrop-filter: var(--backdrop-filter-panel);
10521
10599
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
10522
10600
  }
10523
- :where(
10524
- .rt-BaseCard[data-panel-background='translucent'],
10525
- .rt-BaseCard[data-material='translucent']
10526
- )
10527
- .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
10601
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
10528
10602
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
10529
10603
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10530
10604
  backdrop-filter: var(--backdrop-filter-panel);
@@ -10568,20 +10642,12 @@
10568
10642
  backdrop-filter: none;
10569
10643
  --backdrop-filter-panel: none;
10570
10644
  }
10571
- :where(
10572
- .rt-BaseCard[data-panel-background='translucent'],
10573
- .rt-BaseCard[data-material='translucent']
10574
- )
10575
- .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
10645
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
10576
10646
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
10577
10647
  backdrop-filter: var(--backdrop-filter-panel);
10578
10648
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
10579
10649
  }
10580
- :where(
10581
- .rt-BaseCard[data-panel-background='translucent'],
10582
- .rt-BaseCard[data-material='translucent']
10583
- )
10584
- .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
10650
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
10585
10651
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
10586
10652
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10587
10653
  backdrop-filter: var(--backdrop-filter-panel);
@@ -10878,17 +10944,14 @@
10878
10944
  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft)::before{
10879
10945
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10880
10946
  backdrop-filter: var(--backdrop-filter-panel);
10947
+ --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
10881
10948
  }
10882
10949
  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft)::before{
10883
10950
  -webkit-backdrop-filter: none;
10884
10951
  backdrop-filter: none;
10885
10952
  --backdrop-filter-panel: none;
10886
10953
  }
10887
- :where(
10888
- .rt-BaseCard[data-panel-background='translucent'],
10889
- .rt-BaseCard[data-material='translucent']
10890
- )
10891
- .rt-BaseCard:where(.rt-variant-soft)::before{
10954
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft)::before{
10892
10955
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10893
10956
  backdrop-filter: var(--backdrop-filter-panel);
10894
10957
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10918,33 +10981,23 @@
10918
10981
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10919
10982
  backdrop-filter: var(--backdrop-filter-panel);
10920
10983
  }
10921
- :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
10922
- .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
10984
+ :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
10923
10985
  background-color: var(--gray-3);
10924
10986
  backdrop-filter: none;
10925
10987
  --backdrop-filter-panel: none;
10926
10988
  }
10927
- :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
10928
- .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
10989
+ :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
10929
10990
  background-color: var(--gray-3);
10930
10991
  -webkit-backdrop-filter: none;
10931
10992
  backdrop-filter: none;
10932
10993
  --backdrop-filter-panel: none;
10933
10994
  }
10934
- :where(
10935
- .rt-BaseCard[data-panel-background='translucent'],
10936
- .rt-BaseCard[data-material='translucent']
10937
- )
10938
- .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
10995
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
10939
10996
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
10940
10997
  backdrop-filter: var(--backdrop-filter-panel);
10941
10998
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
10942
10999
  }
10943
- :where(
10944
- .rt-BaseCard[data-panel-background='translucent'],
10945
- .rt-BaseCard[data-material='translucent']
10946
- )
10947
- .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
11000
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
10948
11001
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
10949
11002
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
10950
11003
  backdrop-filter: var(--backdrop-filter-panel);
@@ -11006,20 +11059,12 @@
11006
11059
  backdrop-filter: none;
11007
11060
  --backdrop-filter-panel: none;
11008
11061
  }
11009
- :where(
11010
- .rt-BaseCard[data-panel-background='translucent'],
11011
- .rt-BaseCard[data-material='translucent']
11012
- )
11013
- .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
11062
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
11014
11063
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
11015
11064
  backdrop-filter: var(--backdrop-filter-panel);
11016
11065
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
11017
11066
  }
11018
- :where(
11019
- .rt-BaseCard[data-panel-background='translucent'],
11020
- .rt-BaseCard[data-material='translucent']
11021
- )
11022
- .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
11067
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
11023
11068
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
11024
11069
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11025
11070
  backdrop-filter: var(--backdrop-filter-panel);
@@ -11080,20 +11125,12 @@
11080
11125
  backdrop-filter: none;
11081
11126
  --backdrop-filter-panel: none;
11082
11127
  }
11083
- :where(
11084
- .rt-BaseCard[data-panel-background='translucent'],
11085
- .rt-BaseCard[data-material='translucent']
11086
- )
11087
- .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
11128
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
11088
11129
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
11089
11130
  backdrop-filter: var(--backdrop-filter-panel);
11090
11131
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
11091
11132
  }
11092
- :where(
11093
- .rt-BaseCard[data-panel-background='translucent'],
11094
- .rt-BaseCard[data-material='translucent']
11095
- )
11096
- .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
11133
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
11097
11134
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
11098
11135
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11099
11136
  backdrop-filter: var(--backdrop-filter-panel);
@@ -11126,17 +11163,14 @@
11126
11163
  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface)::before{
11127
11164
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11128
11165
  backdrop-filter: var(--backdrop-filter-panel);
11166
+ --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
11129
11167
  }
11130
11168
  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface)::before{
11131
11169
  -webkit-backdrop-filter: none;
11132
11170
  backdrop-filter: none;
11133
11171
  --backdrop-filter-panel: none;
11134
11172
  }
11135
- :where(
11136
- .rt-BaseCard[data-panel-background='translucent'],
11137
- .rt-BaseCard[data-material='translucent']
11138
- )
11139
- .rt-BaseCard:where(.rt-variant-surface)::before{
11173
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface)::before{
11140
11174
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11141
11175
  backdrop-filter: var(--backdrop-filter-panel);
11142
11176
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -11173,33 +11207,23 @@
11173
11207
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11174
11208
  backdrop-filter: var(--backdrop-filter-panel);
11175
11209
  }
11176
- :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
11177
- .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
11210
+ :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
11178
11211
  background-color: var(--gray-2);
11179
11212
  backdrop-filter: none;
11180
11213
  --backdrop-filter-panel: none;
11181
11214
  }
11182
- :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
11183
- .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
11215
+ :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
11184
11216
  background-color: var(--gray-2);
11185
11217
  -webkit-backdrop-filter: none;
11186
11218
  backdrop-filter: none;
11187
11219
  --backdrop-filter-panel: none;
11188
11220
  }
11189
- :where(
11190
- .rt-BaseCard[data-panel-background='translucent'],
11191
- .rt-BaseCard[data-material='translucent']
11192
- )
11193
- .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
11221
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
11194
11222
  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
11195
11223
  backdrop-filter: var(--backdrop-filter-panel);
11196
11224
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
11197
11225
  }
11198
- :where(
11199
- .rt-BaseCard[data-panel-background='translucent'],
11200
- .rt-BaseCard[data-material='translucent']
11201
- )
11202
- .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
11226
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
11203
11227
  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
11204
11228
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11205
11229
  backdrop-filter: var(--backdrop-filter-panel);
@@ -11244,20 +11268,12 @@
11244
11268
  backdrop-filter: none;
11245
11269
  --backdrop-filter-panel: none;
11246
11270
  }
11247
- :where(
11248
- .rt-BaseCard[data-panel-background='translucent'],
11249
- .rt-BaseCard[data-material='translucent']
11250
- )
11251
- .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
11271
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
11252
11272
  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
11253
11273
  backdrop-filter: var(--backdrop-filter-panel);
11254
11274
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
11255
11275
  }
11256
- :where(
11257
- .rt-BaseCard[data-panel-background='translucent'],
11258
- .rt-BaseCard[data-material='translucent']
11259
- )
11260
- .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
11276
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
11261
11277
  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
11262
11278
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11263
11279
  backdrop-filter: var(--backdrop-filter-panel);
@@ -11301,20 +11317,12 @@
11301
11317
  backdrop-filter: none;
11302
11318
  --backdrop-filter-panel: none;
11303
11319
  }
11304
- :where(
11305
- .rt-BaseCard[data-panel-background='translucent'],
11306
- .rt-BaseCard[data-material='translucent']
11307
- )
11308
- .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
11320
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
11309
11321
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
11310
11322
  backdrop-filter: var(--backdrop-filter-panel);
11311
11323
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
11312
11324
  }
11313
- :where(
11314
- .rt-BaseCard[data-panel-background='translucent'],
11315
- .rt-BaseCard[data-material='translucent']
11316
- )
11317
- .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
11325
+ :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
11318
11326
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
11319
11327
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11320
11328
  backdrop-filter: var(--backdrop-filter-panel);
@@ -19482,12 +19490,6 @@
19482
19490
  --separator-size: 100%;
19483
19491
  }
19484
19492
  }
19485
- .rt-SidebarProvider:where([data-side='left']){
19486
- order: -1;
19487
- }
19488
- .rt-SidebarProvider:where([data-side='right']){
19489
- order: 999;
19490
- }
19491
19493
  .rt-SidebarRoot{
19492
19494
  --sidebar-base-border-radius: 0;
19493
19495
  width: 100%;
@@ -19577,11 +19579,6 @@
19577
19579
  width: 100%;
19578
19580
  margin: var(--space-2) 0;
19579
19581
  }
19580
- @media (max-width: 768px) {
19581
- .rt-SidebarRoot:not(:where(.rt-SheetContent .rt-SidebarRoot)){
19582
- display: none;
19583
- }
19584
- }
19585
19582
  .rt-SidebarMenu{
19586
19583
  flex: 1;
19587
19584
  display: flex;
@@ -22222,13 +22219,13 @@
22222
22219
  padding-right: var(--inset-padding-right, var(--table-cell-padding));
22223
22220
  }
22224
22221
  .rt-TableColumnHeaderCell{
22225
- font-weight: bold;
22222
+ font-weight: 600;
22226
22223
  }
22227
22224
  .rt-TableRowHeaderCell{
22228
22225
  font-weight: normal;
22229
22226
  }
22230
22227
  .rt-TableRoot:where(.rt-r-size-1){
22231
- --table-border-radius: var(--radius-3);
22228
+ --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
22232
22229
  --table-cell-padding: var(--space-2);
22233
22230
  --table-cell-min-height: calc(36px * var(--scaling));
22234
22231
  }
@@ -22237,7 +22234,7 @@
22237
22234
  line-height: var(--line-height-2);
22238
22235
  }
22239
22236
  .rt-TableRoot:where(.rt-r-size-2){
22240
- --table-border-radius: var(--radius-4);
22237
+ --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
22241
22238
  --table-cell-padding: var(--space-3);
22242
22239
  --table-cell-min-height: calc(44px * var(--scaling));
22243
22240
  }
@@ -22246,17 +22243,35 @@
22246
22243
  line-height: var(--line-height-2);
22247
22244
  }
22248
22245
  .rt-TableRoot:where(.rt-r-size-3){
22249
- --table-border-radius: var(--radius-4);
22250
- --table-cell-padding: var(--space-3) var(--space-4);
22246
+ --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
22247
+ --table-cell-padding: var(--space-4);
22251
22248
  --table-cell-min-height: var(--space-8);
22252
22249
  }
22253
22250
  .rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable){
22254
22251
  font-size: var(--font-size-3);
22255
22252
  line-height: var(--line-height-3);
22256
22253
  }
22254
+ .rt-TableRoot:where(.rt-r-size-4){
22255
+ --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
22256
+ --table-cell-padding: var(--space-5);
22257
+ --table-cell-min-height: var(--space-9);
22258
+ }
22259
+ .rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable){
22260
+ font-size: var(--font-size-3);
22261
+ line-height: var(--line-height-3);
22262
+ }
22263
+ .rt-TableRoot:where(.rt-r-size-5){
22264
+ --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
22265
+ --table-cell-padding: var(--space-6);
22266
+ --table-cell-min-height: var(--space-10);
22267
+ }
22268
+ .rt-TableRoot:where(.rt-r-size-5) :where(.rt-TableRootTable){
22269
+ font-size: var(--font-size-4);
22270
+ line-height: var(--line-height-4);
22271
+ }
22257
22272
  @media (min-width: 520px){
22258
22273
  .rt-TableRoot:where(.xs\:rt-r-size-1){
22259
- --table-border-radius: var(--radius-3);
22274
+ --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
22260
22275
  --table-cell-padding: var(--space-2);
22261
22276
  --table-cell-min-height: calc(36px * var(--scaling));
22262
22277
  }
@@ -22265,7 +22280,7 @@
22265
22280
  line-height: var(--line-height-2);
22266
22281
  }
22267
22282
  .rt-TableRoot:where(.xs\:rt-r-size-2){
22268
- --table-border-radius: var(--radius-4);
22283
+ --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
22269
22284
  --table-cell-padding: var(--space-3);
22270
22285
  --table-cell-min-height: calc(44px * var(--scaling));
22271
22286
  }
@@ -22274,18 +22289,36 @@
22274
22289
  line-height: var(--line-height-2);
22275
22290
  }
22276
22291
  .rt-TableRoot:where(.xs\:rt-r-size-3){
22277
- --table-border-radius: var(--radius-4);
22278
- --table-cell-padding: var(--space-3) var(--space-4);
22292
+ --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
22293
+ --table-cell-padding: var(--space-4);
22279
22294
  --table-cell-min-height: var(--space-8);
22280
22295
  }
22281
22296
  .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable){
22282
22297
  font-size: var(--font-size-3);
22283
22298
  line-height: var(--line-height-3);
22284
22299
  }
22300
+ .rt-TableRoot:where(.xs\:rt-r-size-4){
22301
+ --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
22302
+ --table-cell-padding: var(--space-5);
22303
+ --table-cell-min-height: var(--space-9);
22304
+ }
22305
+ .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable){
22306
+ font-size: var(--font-size-3);
22307
+ line-height: var(--line-height-3);
22308
+ }
22309
+ .rt-TableRoot:where(.xs\:rt-r-size-5){
22310
+ --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
22311
+ --table-cell-padding: var(--space-6);
22312
+ --table-cell-min-height: var(--space-10);
22313
+ }
22314
+ .rt-TableRoot:where(.xs\:rt-r-size-5) :where(.rt-TableRootTable){
22315
+ font-size: var(--font-size-4);
22316
+ line-height: var(--line-height-4);
22317
+ }
22285
22318
  }
22286
22319
  @media (min-width: 768px){
22287
22320
  .rt-TableRoot:where(.sm\:rt-r-size-1){
22288
- --table-border-radius: var(--radius-3);
22321
+ --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
22289
22322
  --table-cell-padding: var(--space-2);
22290
22323
  --table-cell-min-height: calc(36px * var(--scaling));
22291
22324
  }
@@ -22294,7 +22327,7 @@
22294
22327
  line-height: var(--line-height-2);
22295
22328
  }
22296
22329
  .rt-TableRoot:where(.sm\:rt-r-size-2){
22297
- --table-border-radius: var(--radius-4);
22330
+ --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
22298
22331
  --table-cell-padding: var(--space-3);
22299
22332
  --table-cell-min-height: calc(44px * var(--scaling));
22300
22333
  }
@@ -22303,18 +22336,36 @@
22303
22336
  line-height: var(--line-height-2);
22304
22337
  }
22305
22338
  .rt-TableRoot:where(.sm\:rt-r-size-3){
22306
- --table-border-radius: var(--radius-4);
22307
- --table-cell-padding: var(--space-3) var(--space-4);
22339
+ --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
22340
+ --table-cell-padding: var(--space-4);
22308
22341
  --table-cell-min-height: var(--space-8);
22309
22342
  }
22310
22343
  .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable){
22311
22344
  font-size: var(--font-size-3);
22312
22345
  line-height: var(--line-height-3);
22313
22346
  }
22347
+ .rt-TableRoot:where(.sm\:rt-r-size-4){
22348
+ --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
22349
+ --table-cell-padding: var(--space-5);
22350
+ --table-cell-min-height: var(--space-9);
22351
+ }
22352
+ .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable){
22353
+ font-size: var(--font-size-3);
22354
+ line-height: var(--line-height-3);
22355
+ }
22356
+ .rt-TableRoot:where(.sm\:rt-r-size-5){
22357
+ --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
22358
+ --table-cell-padding: var(--space-6);
22359
+ --table-cell-min-height: var(--space-10);
22360
+ }
22361
+ .rt-TableRoot:where(.sm\:rt-r-size-5) :where(.rt-TableRootTable){
22362
+ font-size: var(--font-size-4);
22363
+ line-height: var(--line-height-4);
22364
+ }
22314
22365
  }
22315
22366
  @media (min-width: 1024px){
22316
22367
  .rt-TableRoot:where(.md\:rt-r-size-1){
22317
- --table-border-radius: var(--radius-3);
22368
+ --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
22318
22369
  --table-cell-padding: var(--space-2);
22319
22370
  --table-cell-min-height: calc(36px * var(--scaling));
22320
22371
  }
@@ -22323,7 +22374,7 @@
22323
22374
  line-height: var(--line-height-2);
22324
22375
  }
22325
22376
  .rt-TableRoot:where(.md\:rt-r-size-2){
22326
- --table-border-radius: var(--radius-4);
22377
+ --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
22327
22378
  --table-cell-padding: var(--space-3);
22328
22379
  --table-cell-min-height: calc(44px * var(--scaling));
22329
22380
  }
@@ -22332,18 +22383,36 @@
22332
22383
  line-height: var(--line-height-2);
22333
22384
  }
22334
22385
  .rt-TableRoot:where(.md\:rt-r-size-3){
22335
- --table-border-radius: var(--radius-4);
22336
- --table-cell-padding: var(--space-3) var(--space-4);
22386
+ --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
22387
+ --table-cell-padding: var(--space-4);
22337
22388
  --table-cell-min-height: var(--space-8);
22338
22389
  }
22339
22390
  .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable){
22340
22391
  font-size: var(--font-size-3);
22341
22392
  line-height: var(--line-height-3);
22342
22393
  }
22394
+ .rt-TableRoot:where(.md\:rt-r-size-4){
22395
+ --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
22396
+ --table-cell-padding: var(--space-5);
22397
+ --table-cell-min-height: var(--space-9);
22398
+ }
22399
+ .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable){
22400
+ font-size: var(--font-size-3);
22401
+ line-height: var(--line-height-3);
22402
+ }
22403
+ .rt-TableRoot:where(.md\:rt-r-size-5){
22404
+ --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
22405
+ --table-cell-padding: var(--space-6);
22406
+ --table-cell-min-height: var(--space-10);
22407
+ }
22408
+ .rt-TableRoot:where(.md\:rt-r-size-5) :where(.rt-TableRootTable){
22409
+ font-size: var(--font-size-4);
22410
+ line-height: var(--line-height-4);
22411
+ }
22343
22412
  }
22344
22413
  @media (min-width: 1280px){
22345
22414
  .rt-TableRoot:where(.lg\:rt-r-size-1){
22346
- --table-border-radius: var(--radius-3);
22415
+ --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
22347
22416
  --table-cell-padding: var(--space-2);
22348
22417
  --table-cell-min-height: calc(36px * var(--scaling));
22349
22418
  }
@@ -22352,7 +22421,7 @@
22352
22421
  line-height: var(--line-height-2);
22353
22422
  }
22354
22423
  .rt-TableRoot:where(.lg\:rt-r-size-2){
22355
- --table-border-radius: var(--radius-4);
22424
+ --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
22356
22425
  --table-cell-padding: var(--space-3);
22357
22426
  --table-cell-min-height: calc(44px * var(--scaling));
22358
22427
  }
@@ -22361,18 +22430,36 @@
22361
22430
  line-height: var(--line-height-2);
22362
22431
  }
22363
22432
  .rt-TableRoot:where(.lg\:rt-r-size-3){
22364
- --table-border-radius: var(--radius-4);
22365
- --table-cell-padding: var(--space-3) var(--space-4);
22433
+ --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
22434
+ --table-cell-padding: var(--space-4);
22366
22435
  --table-cell-min-height: var(--space-8);
22367
22436
  }
22368
22437
  .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable){
22369
22438
  font-size: var(--font-size-3);
22370
22439
  line-height: var(--line-height-3);
22371
22440
  }
22441
+ .rt-TableRoot:where(.lg\:rt-r-size-4){
22442
+ --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
22443
+ --table-cell-padding: var(--space-5);
22444
+ --table-cell-min-height: var(--space-9);
22445
+ }
22446
+ .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable){
22447
+ font-size: var(--font-size-3);
22448
+ line-height: var(--line-height-3);
22449
+ }
22450
+ .rt-TableRoot:where(.lg\:rt-r-size-5){
22451
+ --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
22452
+ --table-cell-padding: var(--space-6);
22453
+ --table-cell-min-height: var(--space-10);
22454
+ }
22455
+ .rt-TableRoot:where(.lg\:rt-r-size-5) :where(.rt-TableRootTable){
22456
+ font-size: var(--font-size-4);
22457
+ line-height: var(--line-height-4);
22458
+ }
22372
22459
  }
22373
22460
  @media (min-width: 1640px){
22374
22461
  .rt-TableRoot:where(.xl\:rt-r-size-1){
22375
- --table-border-radius: var(--radius-3);
22462
+ --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
22376
22463
  --table-cell-padding: var(--space-2);
22377
22464
  --table-cell-min-height: calc(36px * var(--scaling));
22378
22465
  }
@@ -22381,7 +22468,7 @@
22381
22468
  line-height: var(--line-height-2);
22382
22469
  }
22383
22470
  .rt-TableRoot:where(.xl\:rt-r-size-2){
22384
- --table-border-radius: var(--radius-4);
22471
+ --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
22385
22472
  --table-cell-padding: var(--space-3);
22386
22473
  --table-cell-min-height: calc(44px * var(--scaling));
22387
22474
  }
@@ -22390,14 +22477,32 @@
22390
22477
  line-height: var(--line-height-2);
22391
22478
  }
22392
22479
  .rt-TableRoot:where(.xl\:rt-r-size-3){
22393
- --table-border-radius: var(--radius-4);
22394
- --table-cell-padding: var(--space-3) var(--space-4);
22480
+ --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
22481
+ --table-cell-padding: var(--space-4);
22395
22482
  --table-cell-min-height: var(--space-8);
22396
22483
  }
22397
22484
  .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable){
22398
22485
  font-size: var(--font-size-3);
22399
22486
  line-height: var(--line-height-3);
22400
22487
  }
22488
+ .rt-TableRoot:where(.xl\:rt-r-size-4){
22489
+ --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
22490
+ --table-cell-padding: var(--space-5);
22491
+ --table-cell-min-height: var(--space-9);
22492
+ }
22493
+ .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable){
22494
+ font-size: var(--font-size-3);
22495
+ line-height: var(--line-height-3);
22496
+ }
22497
+ .rt-TableRoot:where(.xl\:rt-r-size-5){
22498
+ --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
22499
+ --table-cell-padding: var(--space-6);
22500
+ --table-cell-min-height: var(--space-10);
22501
+ }
22502
+ .rt-TableRoot:where(.xl\:rt-r-size-5) :where(.rt-TableRootTable){
22503
+ font-size: var(--font-size-4);
22504
+ line-height: var(--line-height-4);
22505
+ }
22401
22506
  }
22402
22507
  .rt-TableRoot:where(.rt-variant-surface){
22403
22508
  box-sizing: border-box;