@womp/kookie-ui 0.13.0 → 0.13.2

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 (16) hide show
  1. package/components.css +417 -598
  2. package/layout/tokens.css +4 -0
  3. package/layout.css +4 -0
  4. package/package.json +1 -1
  5. package/src/components/_internal/base-button.css +4 -4
  6. package/src/components/_internal/base-menu.css +3 -3
  7. package/src/components/_internal/base-tab-list.css +2 -2
  8. package/src/components/segmented-control.css +4 -4
  9. package/src/components/select.css +8 -5
  10. package/src/components/sidebar.css +47 -103
  11. package/src/components/text-field.css +3 -3
  12. package/src/components/toolbar.css +4 -4
  13. package/src/styles/tokens/space.css +7 -0
  14. package/styles.css +421 -598
  15. package/tokens/base.css +4 -0
  16. package/tokens.css +4 -0
package/styles.css CHANGED
@@ -4440,6 +4440,10 @@
4440
4440
  --space-6: calc(32px * var(--scaling));
4441
4441
  --space-7: calc(40px * var(--scaling));
4442
4442
  --space-8: calc(48px * var(--scaling));
4443
+ --control-height-1: var(--space-5);
4444
+ --control-height-2: var(--space-6);
4445
+ --control-height-3: var(--space-7);
4446
+ --control-height-4: var(--space-8);
4443
4447
  --space-9: calc(64px * var(--scaling));
4444
4448
  --space-10: calc(80px * var(--scaling));
4445
4449
  --space-11: calc(96px * var(--scaling));
@@ -8944,108 +8948,108 @@
8944
8948
  width: 100%;
8945
8949
  }
8946
8950
  .rt-BaseButton:where(.rt-r-size-1) {
8947
- --base-button-height: var(--space-5);
8951
+ --base-button-height: var(--control-height-1);
8948
8952
  border-radius: max(var(--radius-1), var(--radius-full));
8949
8953
  }
8950
8954
  .rt-BaseButton:where(.rt-r-size-2) {
8951
- --base-button-height: var(--space-6);
8955
+ --base-button-height: var(--control-height-2);
8952
8956
  border-radius: max(var(--radius-2), var(--radius-full));
8953
8957
  }
8954
8958
  .rt-BaseButton:where(.rt-r-size-3) {
8955
- --base-button-height: var(--space-7);
8959
+ --base-button-height: var(--control-height-3);
8956
8960
  border-radius: max(var(--radius-3), var(--radius-full));
8957
8961
  }
8958
8962
  .rt-BaseButton:where(.rt-r-size-4) {
8959
- --base-button-height: var(--space-8);
8963
+ --base-button-height: var(--control-height-4);
8960
8964
  border-radius: max(var(--radius-4), var(--radius-full));
8961
8965
  }
8962
8966
  @media (min-width: 520px) {
8963
8967
  .rt-BaseButton:where(.xs\:rt-r-size-1) {
8964
- --base-button-height: var(--space-5);
8968
+ --base-button-height: var(--control-height-1);
8965
8969
  border-radius: max(var(--radius-1), var(--radius-full));
8966
8970
  }
8967
8971
  .rt-BaseButton:where(.xs\:rt-r-size-2) {
8968
- --base-button-height: var(--space-6);
8972
+ --base-button-height: var(--control-height-2);
8969
8973
  border-radius: max(var(--radius-2), var(--radius-full));
8970
8974
  }
8971
8975
  .rt-BaseButton:where(.xs\:rt-r-size-3) {
8972
- --base-button-height: var(--space-7);
8976
+ --base-button-height: var(--control-height-3);
8973
8977
  border-radius: max(var(--radius-3), var(--radius-full));
8974
8978
  }
8975
8979
  .rt-BaseButton:where(.xs\:rt-r-size-4) {
8976
- --base-button-height: var(--space-8);
8980
+ --base-button-height: var(--control-height-4);
8977
8981
  border-radius: max(var(--radius-4), var(--radius-full));
8978
8982
  }
8979
8983
  }
8980
8984
  @media (min-width: 768px) {
8981
8985
  .rt-BaseButton:where(.sm\:rt-r-size-1) {
8982
- --base-button-height: var(--space-5);
8986
+ --base-button-height: var(--control-height-1);
8983
8987
  border-radius: max(var(--radius-1), var(--radius-full));
8984
8988
  }
8985
8989
  .rt-BaseButton:where(.sm\:rt-r-size-2) {
8986
- --base-button-height: var(--space-6);
8990
+ --base-button-height: var(--control-height-2);
8987
8991
  border-radius: max(var(--radius-2), var(--radius-full));
8988
8992
  }
8989
8993
  .rt-BaseButton:where(.sm\:rt-r-size-3) {
8990
- --base-button-height: var(--space-7);
8994
+ --base-button-height: var(--control-height-3);
8991
8995
  border-radius: max(var(--radius-3), var(--radius-full));
8992
8996
  }
8993
8997
  .rt-BaseButton:where(.sm\:rt-r-size-4) {
8994
- --base-button-height: var(--space-8);
8998
+ --base-button-height: var(--control-height-4);
8995
8999
  border-radius: max(var(--radius-4), var(--radius-full));
8996
9000
  }
8997
9001
  }
8998
9002
  @media (min-width: 1024px) {
8999
9003
  .rt-BaseButton:where(.md\:rt-r-size-1) {
9000
- --base-button-height: var(--space-5);
9004
+ --base-button-height: var(--control-height-1);
9001
9005
  border-radius: max(var(--radius-1), var(--radius-full));
9002
9006
  }
9003
9007
  .rt-BaseButton:where(.md\:rt-r-size-2) {
9004
- --base-button-height: var(--space-6);
9008
+ --base-button-height: var(--control-height-2);
9005
9009
  border-radius: max(var(--radius-2), var(--radius-full));
9006
9010
  }
9007
9011
  .rt-BaseButton:where(.md\:rt-r-size-3) {
9008
- --base-button-height: var(--space-7);
9012
+ --base-button-height: var(--control-height-3);
9009
9013
  border-radius: max(var(--radius-3), var(--radius-full));
9010
9014
  }
9011
9015
  .rt-BaseButton:where(.md\:rt-r-size-4) {
9012
- --base-button-height: var(--space-8);
9016
+ --base-button-height: var(--control-height-4);
9013
9017
  border-radius: max(var(--radius-4), var(--radius-full));
9014
9018
  }
9015
9019
  }
9016
9020
  @media (min-width: 1280px) {
9017
9021
  .rt-BaseButton:where(.lg\:rt-r-size-1) {
9018
- --base-button-height: var(--space-5);
9022
+ --base-button-height: var(--control-height-1);
9019
9023
  border-radius: max(var(--radius-1), var(--radius-full));
9020
9024
  }
9021
9025
  .rt-BaseButton:where(.lg\:rt-r-size-2) {
9022
- --base-button-height: var(--space-6);
9026
+ --base-button-height: var(--control-height-2);
9023
9027
  border-radius: max(var(--radius-2), var(--radius-full));
9024
9028
  }
9025
9029
  .rt-BaseButton:where(.lg\:rt-r-size-3) {
9026
- --base-button-height: var(--space-7);
9030
+ --base-button-height: var(--control-height-3);
9027
9031
  border-radius: max(var(--radius-3), var(--radius-full));
9028
9032
  }
9029
9033
  .rt-BaseButton:where(.lg\:rt-r-size-4) {
9030
- --base-button-height: var(--space-8);
9034
+ --base-button-height: var(--control-height-4);
9031
9035
  border-radius: max(var(--radius-4), var(--radius-full));
9032
9036
  }
9033
9037
  }
9034
9038
  @media (min-width: 1640px) {
9035
9039
  .rt-BaseButton:where(.xl\:rt-r-size-1) {
9036
- --base-button-height: var(--space-5);
9040
+ --base-button-height: var(--control-height-1);
9037
9041
  border-radius: max(var(--radius-1), var(--radius-full));
9038
9042
  }
9039
9043
  .rt-BaseButton:where(.xl\:rt-r-size-2) {
9040
- --base-button-height: var(--space-6);
9044
+ --base-button-height: var(--control-height-2);
9041
9045
  border-radius: max(var(--radius-2), var(--radius-full));
9042
9046
  }
9043
9047
  .rt-BaseButton:where(.xl\:rt-r-size-3) {
9044
- --base-button-height: var(--space-7);
9048
+ --base-button-height: var(--control-height-3);
9045
9049
  border-radius: max(var(--radius-3), var(--radius-full));
9046
9050
  }
9047
9051
  .rt-BaseButton:where(.xl\:rt-r-size-4) {
9048
- --base-button-height: var(--space-8);
9052
+ --base-button-height: var(--control-height-4);
9049
9053
  border-radius: max(var(--radius-4), var(--radius-full));
9050
9054
  }
9051
9055
  }
@@ -12349,7 +12353,7 @@
12349
12353
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12350
12354
  --base-menu-item-padding-right: var(--space-2);
12351
12355
  --base-menu-item-padding-y: var(--space-1);
12352
- --base-menu-item-height: var(--space-5);
12356
+ --base-menu-item-height: var(--control-height-1);
12353
12357
  border-radius: var(--radius-surface-3);
12354
12358
  }
12355
12359
  .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12382,7 +12386,7 @@
12382
12386
  --base-menu-item-padding-left-indicator: var(--space-5);
12383
12387
  --base-menu-item-padding-right: var(--space-3);
12384
12388
  --base-menu-item-padding-y: var(--space-1);
12385
- --base-menu-item-height: var(--space-6);
12389
+ --base-menu-item-height: var(--control-height-2);
12386
12390
  border-radius: var(--radius-surface-5);
12387
12391
  }
12388
12392
  .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12415,7 +12419,7 @@
12415
12419
  --base-menu-item-padding-left-indicator: var(--space-5);
12416
12420
  --base-menu-item-padding-right: var(--space-3);
12417
12421
  --base-menu-item-padding-y: var(--space-2);
12418
- --base-menu-item-height: var(--space-7);
12422
+ --base-menu-item-height: var(--control-height-3);
12419
12423
  border-radius: var(--radius-surface-6);
12420
12424
  }
12421
12425
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12449,7 +12453,7 @@
12449
12453
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12450
12454
  --base-menu-item-padding-right: var(--space-2);
12451
12455
  --base-menu-item-padding-y: var(--space-1);
12452
- --base-menu-item-height: var(--space-5);
12456
+ --base-menu-item-height: var(--control-height-1);
12453
12457
  border-radius: var(--radius-surface-3);
12454
12458
  }
12455
12459
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12482,7 +12486,7 @@
12482
12486
  --base-menu-item-padding-left-indicator: var(--space-5);
12483
12487
  --base-menu-item-padding-right: var(--space-3);
12484
12488
  --base-menu-item-padding-y: var(--space-1);
12485
- --base-menu-item-height: var(--space-6);
12489
+ --base-menu-item-height: var(--control-height-2);
12486
12490
  border-radius: var(--radius-surface-5);
12487
12491
  }
12488
12492
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12515,7 +12519,7 @@
12515
12519
  --base-menu-item-padding-left-indicator: var(--space-5);
12516
12520
  --base-menu-item-padding-right: var(--space-3);
12517
12521
  --base-menu-item-padding-y: var(--space-2);
12518
- --base-menu-item-height: var(--space-7);
12522
+ --base-menu-item-height: var(--control-height-3);
12519
12523
  border-radius: var(--radius-surface-6);
12520
12524
  }
12521
12525
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12550,7 +12554,7 @@
12550
12554
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12551
12555
  --base-menu-item-padding-right: var(--space-2);
12552
12556
  --base-menu-item-padding-y: var(--space-1);
12553
- --base-menu-item-height: var(--space-5);
12557
+ --base-menu-item-height: var(--control-height-1);
12554
12558
  border-radius: var(--radius-surface-3);
12555
12559
  }
12556
12560
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12583,7 +12587,7 @@
12583
12587
  --base-menu-item-padding-left-indicator: var(--space-5);
12584
12588
  --base-menu-item-padding-right: var(--space-3);
12585
12589
  --base-menu-item-padding-y: var(--space-1);
12586
- --base-menu-item-height: var(--space-6);
12590
+ --base-menu-item-height: var(--control-height-2);
12587
12591
  border-radius: var(--radius-surface-5);
12588
12592
  }
12589
12593
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12616,7 +12620,7 @@
12616
12620
  --base-menu-item-padding-left-indicator: var(--space-5);
12617
12621
  --base-menu-item-padding-right: var(--space-3);
12618
12622
  --base-menu-item-padding-y: var(--space-2);
12619
- --base-menu-item-height: var(--space-7);
12623
+ --base-menu-item-height: var(--control-height-3);
12620
12624
  border-radius: var(--radius-surface-6);
12621
12625
  }
12622
12626
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12651,7 +12655,7 @@
12651
12655
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12652
12656
  --base-menu-item-padding-right: var(--space-2);
12653
12657
  --base-menu-item-padding-y: var(--space-1);
12654
- --base-menu-item-height: var(--space-5);
12658
+ --base-menu-item-height: var(--control-height-1);
12655
12659
  border-radius: var(--radius-surface-3);
12656
12660
  }
12657
12661
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12684,7 +12688,7 @@
12684
12688
  --base-menu-item-padding-left-indicator: var(--space-5);
12685
12689
  --base-menu-item-padding-right: var(--space-3);
12686
12690
  --base-menu-item-padding-y: var(--space-1);
12687
- --base-menu-item-height: var(--space-6);
12691
+ --base-menu-item-height: var(--control-height-2);
12688
12692
  border-radius: var(--radius-surface-5);
12689
12693
  }
12690
12694
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12717,7 +12721,7 @@
12717
12721
  --base-menu-item-padding-left-indicator: var(--space-5);
12718
12722
  --base-menu-item-padding-right: var(--space-3);
12719
12723
  --base-menu-item-padding-y: var(--space-2);
12720
- --base-menu-item-height: var(--space-7);
12724
+ --base-menu-item-height: var(--control-height-3);
12721
12725
  border-radius: var(--radius-surface-6);
12722
12726
  }
12723
12727
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12752,7 +12756,7 @@
12752
12756
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12753
12757
  --base-menu-item-padding-right: var(--space-2);
12754
12758
  --base-menu-item-padding-y: var(--space-1);
12755
- --base-menu-item-height: var(--space-5);
12759
+ --base-menu-item-height: var(--control-height-1);
12756
12760
  border-radius: var(--radius-surface-3);
12757
12761
  }
12758
12762
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12785,7 +12789,7 @@
12785
12789
  --base-menu-item-padding-left-indicator: var(--space-5);
12786
12790
  --base-menu-item-padding-right: var(--space-3);
12787
12791
  --base-menu-item-padding-y: var(--space-1);
12788
- --base-menu-item-height: var(--space-6);
12792
+ --base-menu-item-height: var(--control-height-2);
12789
12793
  border-radius: var(--radius-surface-5);
12790
12794
  }
12791
12795
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12818,7 +12822,7 @@
12818
12822
  --base-menu-item-padding-left-indicator: var(--space-5);
12819
12823
  --base-menu-item-padding-right: var(--space-3);
12820
12824
  --base-menu-item-padding-y: var(--space-2);
12821
- --base-menu-item-height: var(--space-7);
12825
+ --base-menu-item-height: var(--control-height-3);
12822
12826
  border-radius: var(--radius-surface-6);
12823
12827
  }
12824
12828
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12853,7 +12857,7 @@
12853
12857
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12854
12858
  --base-menu-item-padding-right: var(--space-2);
12855
12859
  --base-menu-item-padding-y: var(--space-1);
12856
- --base-menu-item-height: var(--space-5);
12860
+ --base-menu-item-height: var(--control-height-1);
12857
12861
  border-radius: var(--radius-surface-3);
12858
12862
  }
12859
12863
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12886,7 +12890,7 @@
12886
12890
  --base-menu-item-padding-left-indicator: var(--space-5);
12887
12891
  --base-menu-item-padding-right: var(--space-3);
12888
12892
  --base-menu-item-padding-y: var(--space-1);
12889
- --base-menu-item-height: var(--space-6);
12893
+ --base-menu-item-height: var(--control-height-2);
12890
12894
  border-radius: var(--radius-surface-5);
12891
12895
  }
12892
12896
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12919,7 +12923,7 @@
12919
12923
  --base-menu-item-padding-left-indicator: var(--space-5);
12920
12924
  --base-menu-item-padding-right: var(--space-3);
12921
12925
  --base-menu-item-padding-y: var(--space-2);
12922
- --base-menu-item-height: var(--space-7);
12926
+ --base-menu-item-height: var(--control-height-3);
12923
12927
  border-radius: var(--radius-surface-6);
12924
12928
  }
12925
12929
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -14068,7 +14072,7 @@
14068
14072
  border-bottom-right-radius: 0;
14069
14073
  }
14070
14074
  .rt-TextFieldRoot:where(.rt-r-size-1) {
14071
- --text-field-height: var(--space-5);
14075
+ --text-field-height: var(--control-height-1);
14072
14076
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14073
14077
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14074
14078
  --text-field-native-icon-size: var(--space-3);
@@ -14094,7 +14098,7 @@
14094
14098
  margin-right: -2px;
14095
14099
  }
14096
14100
  .rt-TextFieldRoot:where(.rt-r-size-2) {
14097
- --text-field-height: var(--space-6);
14101
+ --text-field-height: var(--control-height-2);
14098
14102
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14099
14103
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14100
14104
  --text-field-native-icon-size: var(--space-4);
@@ -14120,7 +14124,7 @@
14120
14124
  flex-shrink: 0;
14121
14125
  }
14122
14126
  .rt-TextFieldRoot:where(.rt-r-size-3) {
14123
- --text-field-height: var(--space-7);
14127
+ --text-field-height: var(--control-height-3);
14124
14128
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14125
14129
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14126
14130
  --text-field-native-icon-size: var(--space-4);
@@ -14147,7 +14151,7 @@
14147
14151
  }
14148
14152
  @media (min-width: 520px) {
14149
14153
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
14150
- --text-field-height: var(--space-5);
14154
+ --text-field-height: var(--control-height-1);
14151
14155
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14152
14156
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14153
14157
  --text-field-native-icon-size: var(--space-3);
@@ -14173,7 +14177,7 @@
14173
14177
  margin-right: -2px;
14174
14178
  }
14175
14179
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) {
14176
- --text-field-height: var(--space-6);
14180
+ --text-field-height: var(--control-height-2);
14177
14181
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14178
14182
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14179
14183
  --text-field-native-icon-size: var(--space-4);
@@ -14199,7 +14203,7 @@
14199
14203
  flex-shrink: 0;
14200
14204
  }
14201
14205
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) {
14202
- --text-field-height: var(--space-7);
14206
+ --text-field-height: var(--control-height-3);
14203
14207
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14204
14208
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14205
14209
  --text-field-native-icon-size: var(--space-4);
@@ -14227,7 +14231,7 @@
14227
14231
  }
14228
14232
  @media (min-width: 768px) {
14229
14233
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
14230
- --text-field-height: var(--space-5);
14234
+ --text-field-height: var(--control-height-1);
14231
14235
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14232
14236
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14233
14237
  --text-field-native-icon-size: var(--space-3);
@@ -14253,7 +14257,7 @@
14253
14257
  margin-right: -2px;
14254
14258
  }
14255
14259
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) {
14256
- --text-field-height: var(--space-6);
14260
+ --text-field-height: var(--control-height-2);
14257
14261
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14258
14262
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14259
14263
  --text-field-native-icon-size: var(--space-4);
@@ -14279,7 +14283,7 @@
14279
14283
  flex-shrink: 0;
14280
14284
  }
14281
14285
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) {
14282
- --text-field-height: var(--space-7);
14286
+ --text-field-height: var(--control-height-3);
14283
14287
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14284
14288
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14285
14289
  --text-field-native-icon-size: var(--space-4);
@@ -14307,7 +14311,7 @@
14307
14311
  }
14308
14312
  @media (min-width: 1024px) {
14309
14313
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
14310
- --text-field-height: var(--space-5);
14314
+ --text-field-height: var(--control-height-1);
14311
14315
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14312
14316
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14313
14317
  --text-field-native-icon-size: var(--space-3);
@@ -14333,7 +14337,7 @@
14333
14337
  margin-right: -2px;
14334
14338
  }
14335
14339
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) {
14336
- --text-field-height: var(--space-6);
14340
+ --text-field-height: var(--control-height-2);
14337
14341
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14338
14342
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14339
14343
  --text-field-native-icon-size: var(--space-4);
@@ -14359,7 +14363,7 @@
14359
14363
  flex-shrink: 0;
14360
14364
  }
14361
14365
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) {
14362
- --text-field-height: var(--space-7);
14366
+ --text-field-height: var(--control-height-3);
14363
14367
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14364
14368
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14365
14369
  --text-field-native-icon-size: var(--space-4);
@@ -14387,7 +14391,7 @@
14387
14391
  }
14388
14392
  @media (min-width: 1280px) {
14389
14393
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
14390
- --text-field-height: var(--space-5);
14394
+ --text-field-height: var(--control-height-1);
14391
14395
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14392
14396
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14393
14397
  --text-field-native-icon-size: var(--space-3);
@@ -14413,7 +14417,7 @@
14413
14417
  margin-right: -2px;
14414
14418
  }
14415
14419
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) {
14416
- --text-field-height: var(--space-6);
14420
+ --text-field-height: var(--control-height-2);
14417
14421
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14418
14422
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14419
14423
  --text-field-native-icon-size: var(--space-4);
@@ -14439,7 +14443,7 @@
14439
14443
  flex-shrink: 0;
14440
14444
  }
14441
14445
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) {
14442
- --text-field-height: var(--space-7);
14446
+ --text-field-height: var(--control-height-3);
14443
14447
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14444
14448
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14445
14449
  --text-field-native-icon-size: var(--space-4);
@@ -14467,7 +14471,7 @@
14467
14471
  }
14468
14472
  @media (min-width: 1640px) {
14469
14473
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
14470
- --text-field-height: var(--space-5);
14474
+ --text-field-height: var(--control-height-1);
14471
14475
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14472
14476
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14473
14477
  --text-field-native-icon-size: var(--space-3);
@@ -14493,7 +14497,7 @@
14493
14497
  margin-right: -2px;
14494
14498
  }
14495
14499
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) {
14496
- --text-field-height: var(--space-6);
14500
+ --text-field-height: var(--control-height-2);
14497
14501
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14498
14502
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14499
14503
  --text-field-native-icon-size: var(--space-4);
@@ -14519,7 +14523,7 @@
14519
14523
  flex-shrink: 0;
14520
14524
  }
14521
14525
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) {
14522
- --text-field-height: var(--space-7);
14526
+ --text-field-height: var(--control-height-3);
14523
14527
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14524
14528
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14525
14529
  --text-field-native-icon-size: var(--space-4);
@@ -19381,7 +19385,7 @@
19381
19385
  }
19382
19386
  .rt-SegmentedControlRoot:where(.rt-r-size-1) {
19383
19387
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19384
- --segmented-control-height: var(--space-5);
19388
+ --segmented-control-height: var(--control-height-1);
19385
19389
  height: var(--segmented-control-height);
19386
19390
  }
19387
19391
  .rt-SegmentedControlRoot:where(.rt-r-size-1):where(.rt-r-orientation-vertical) {
@@ -19404,7 +19408,7 @@
19404
19408
  }
19405
19409
  .rt-SegmentedControlRoot:where(.rt-r-size-2) {
19406
19410
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19407
- --segmented-control-height: var(--space-6);
19411
+ --segmented-control-height: var(--control-height-2);
19408
19412
  height: var(--segmented-control-height);
19409
19413
  }
19410
19414
  .rt-SegmentedControlRoot:where(.rt-r-size-2):where(.rt-r-orientation-vertical) {
@@ -19427,7 +19431,7 @@
19427
19431
  }
19428
19432
  .rt-SegmentedControlRoot:where(.rt-r-size-3) {
19429
19433
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19430
- --segmented-control-height: var(--space-7);
19434
+ --segmented-control-height: var(--control-height-3);
19431
19435
  height: var(--segmented-control-height);
19432
19436
  }
19433
19437
  .rt-SegmentedControlRoot:where(.rt-r-size-3):where(.rt-r-orientation-vertical) {
@@ -19450,7 +19454,7 @@
19450
19454
  }
19451
19455
  .rt-SegmentedControlRoot:where(.rt-r-size-4) {
19452
19456
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19453
- --segmented-control-height: var(--space-8);
19457
+ --segmented-control-height: var(--control-height-4);
19454
19458
  height: var(--segmented-control-height);
19455
19459
  }
19456
19460
  .rt-SegmentedControlRoot:where(.rt-r-size-4):where(.rt-r-orientation-vertical) {
@@ -19487,7 +19491,7 @@
19487
19491
  }
19488
19492
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
19489
19493
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19490
- --segmented-control-height: var(--space-5);
19494
+ --segmented-control-height: var(--control-height-1);
19491
19495
  height: var(--segmented-control-height);
19492
19496
  }
19493
19497
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1):where(.xs\:rt-r-orientation-vertical) {
@@ -19510,7 +19514,7 @@
19510
19514
  }
19511
19515
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
19512
19516
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19513
- --segmented-control-height: var(--space-6);
19517
+ --segmented-control-height: var(--control-height-2);
19514
19518
  height: var(--segmented-control-height);
19515
19519
  }
19516
19520
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2):where(.xs\:rt-r-orientation-vertical) {
@@ -19533,7 +19537,7 @@
19533
19537
  }
19534
19538
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
19535
19539
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19536
- --segmented-control-height: var(--space-7);
19540
+ --segmented-control-height: var(--control-height-3);
19537
19541
  height: var(--segmented-control-height);
19538
19542
  }
19539
19543
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3):where(.xs\:rt-r-orientation-vertical) {
@@ -19556,7 +19560,7 @@
19556
19560
  }
19557
19561
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4) {
19558
19562
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19559
- --segmented-control-height: var(--space-8);
19563
+ --segmented-control-height: var(--control-height-4);
19560
19564
  height: var(--segmented-control-height);
19561
19565
  }
19562
19566
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4):where(.xs\:rt-r-orientation-vertical) {
@@ -19594,7 +19598,7 @@
19594
19598
  }
19595
19599
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
19596
19600
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19597
- --segmented-control-height: var(--space-5);
19601
+ --segmented-control-height: var(--control-height-1);
19598
19602
  height: var(--segmented-control-height);
19599
19603
  }
19600
19604
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1):where(.sm\:rt-r-orientation-vertical) {
@@ -19617,7 +19621,7 @@
19617
19621
  }
19618
19622
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
19619
19623
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19620
- --segmented-control-height: var(--space-6);
19624
+ --segmented-control-height: var(--control-height-2);
19621
19625
  height: var(--segmented-control-height);
19622
19626
  }
19623
19627
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2):where(.sm\:rt-r-orientation-vertical) {
@@ -19640,7 +19644,7 @@
19640
19644
  }
19641
19645
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
19642
19646
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19643
- --segmented-control-height: var(--space-7);
19647
+ --segmented-control-height: var(--control-height-3);
19644
19648
  height: var(--segmented-control-height);
19645
19649
  }
19646
19650
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3):where(.sm\:rt-r-orientation-vertical) {
@@ -19663,7 +19667,7 @@
19663
19667
  }
19664
19668
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4) {
19665
19669
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19666
- --segmented-control-height: var(--space-8);
19670
+ --segmented-control-height: var(--control-height-4);
19667
19671
  height: var(--segmented-control-height);
19668
19672
  }
19669
19673
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4):where(.sm\:rt-r-orientation-vertical) {
@@ -19701,7 +19705,7 @@
19701
19705
  }
19702
19706
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
19703
19707
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19704
- --segmented-control-height: var(--space-5);
19708
+ --segmented-control-height: var(--control-height-1);
19705
19709
  height: var(--segmented-control-height);
19706
19710
  }
19707
19711
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1):where(.md\:rt-r-orientation-vertical) {
@@ -19724,7 +19728,7 @@
19724
19728
  }
19725
19729
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
19726
19730
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19727
- --segmented-control-height: var(--space-6);
19731
+ --segmented-control-height: var(--control-height-2);
19728
19732
  height: var(--segmented-control-height);
19729
19733
  }
19730
19734
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2):where(.md\:rt-r-orientation-vertical) {
@@ -19747,7 +19751,7 @@
19747
19751
  }
19748
19752
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
19749
19753
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19750
- --segmented-control-height: var(--space-7);
19754
+ --segmented-control-height: var(--control-height-3);
19751
19755
  height: var(--segmented-control-height);
19752
19756
  }
19753
19757
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3):where(.md\:rt-r-orientation-vertical) {
@@ -19770,7 +19774,7 @@
19770
19774
  }
19771
19775
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-4) {
19772
19776
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19773
- --segmented-control-height: var(--space-8);
19777
+ --segmented-control-height: var(--control-height-4);
19774
19778
  height: var(--segmented-control-height);
19775
19779
  }
19776
19780
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-4):where(.md\:rt-r-orientation-vertical) {
@@ -19808,7 +19812,7 @@
19808
19812
  }
19809
19813
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
19810
19814
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19811
- --segmented-control-height: var(--space-5);
19815
+ --segmented-control-height: var(--control-height-1);
19812
19816
  height: var(--segmented-control-height);
19813
19817
  }
19814
19818
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1):where(.lg\:rt-r-orientation-vertical) {
@@ -19831,7 +19835,7 @@
19831
19835
  }
19832
19836
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
19833
19837
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19834
- --segmented-control-height: var(--space-6);
19838
+ --segmented-control-height: var(--control-height-2);
19835
19839
  height: var(--segmented-control-height);
19836
19840
  }
19837
19841
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2):where(.lg\:rt-r-orientation-vertical) {
@@ -19854,7 +19858,7 @@
19854
19858
  }
19855
19859
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
19856
19860
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19857
- --segmented-control-height: var(--space-7);
19861
+ --segmented-control-height: var(--control-height-3);
19858
19862
  height: var(--segmented-control-height);
19859
19863
  }
19860
19864
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3):where(.lg\:rt-r-orientation-vertical) {
@@ -19877,7 +19881,7 @@
19877
19881
  }
19878
19882
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4) {
19879
19883
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19880
- --segmented-control-height: var(--space-8);
19884
+ --segmented-control-height: var(--control-height-4);
19881
19885
  height: var(--segmented-control-height);
19882
19886
  }
19883
19887
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4):where(.lg\:rt-r-orientation-vertical) {
@@ -19915,7 +19919,7 @@
19915
19919
  }
19916
19920
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
19917
19921
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19918
- --segmented-control-height: var(--space-5);
19922
+ --segmented-control-height: var(--control-height-1);
19919
19923
  height: var(--segmented-control-height);
19920
19924
  }
19921
19925
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1):where(.xl\:rt-r-orientation-vertical) {
@@ -19938,7 +19942,7 @@
19938
19942
  }
19939
19943
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
19940
19944
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19941
- --segmented-control-height: var(--space-6);
19945
+ --segmented-control-height: var(--control-height-2);
19942
19946
  height: var(--segmented-control-height);
19943
19947
  }
19944
19948
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2):where(.xl\:rt-r-orientation-vertical) {
@@ -19961,7 +19965,7 @@
19961
19965
  }
19962
19966
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
19963
19967
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19964
- --segmented-control-height: var(--space-7);
19968
+ --segmented-control-height: var(--control-height-3);
19965
19969
  height: var(--segmented-control-height);
19966
19970
  }
19967
19971
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3):where(.xl\:rt-r-orientation-vertical) {
@@ -19984,7 +19988,7 @@
19984
19988
  }
19985
19989
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4) {
19986
19990
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19987
- --segmented-control-height: var(--space-8);
19991
+ --segmented-control-height: var(--control-height-4);
19988
19992
  height: var(--segmented-control-height);
19989
19993
  }
19990
19994
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4):where(.xl\:rt-r-orientation-vertical) {
@@ -20238,7 +20242,7 @@
20238
20242
  color: var(--accent-ink);
20239
20243
  }
20240
20244
  .rt-SelectTrigger:where(.rt-r-size-1) {
20241
- --select-trigger-height: var(--space-5);
20245
+ --select-trigger-height: var(--control-height-1);
20242
20246
  gap: var(--component-gap-1);
20243
20247
  font-size: var(--font-size-1);
20244
20248
  line-height: var(--line-height-1);
@@ -20258,7 +20262,7 @@
20258
20262
  height: var(--trigger-icon-size-1);
20259
20263
  }
20260
20264
  .rt-SelectTrigger:where(.rt-r-size-2) {
20261
- --select-trigger-height: var(--space-6);
20265
+ --select-trigger-height: var(--control-height-2);
20262
20266
  gap: var(--component-gap-2);
20263
20267
  font-size: var(--font-size-2);
20264
20268
  line-height: var(--line-height-2);
@@ -20278,7 +20282,7 @@
20278
20282
  height: var(--trigger-icon-size-2);
20279
20283
  }
20280
20284
  .rt-SelectTrigger:where(.rt-r-size-3) {
20281
- --select-trigger-height: var(--space-7);
20285
+ --select-trigger-height: var(--control-height-3);
20282
20286
  gap: var(--component-gap-3);
20283
20287
  font-size: var(--font-size-3);
20284
20288
  line-height: var(--line-height-3);
@@ -20299,7 +20303,7 @@
20299
20303
  }
20300
20304
  @media (min-width: 520px) {
20301
20305
  .rt-SelectTrigger:where(.xs\:rt-r-size-1) {
20302
- --select-trigger-height: var(--space-5);
20306
+ --select-trigger-height: var(--control-height-1);
20303
20307
  gap: var(--component-gap-1);
20304
20308
  font-size: var(--font-size-1);
20305
20309
  line-height: var(--line-height-1);
@@ -20319,7 +20323,7 @@
20319
20323
  height: var(--trigger-icon-size-1);
20320
20324
  }
20321
20325
  .rt-SelectTrigger:where(.xs\:rt-r-size-2) {
20322
- --select-trigger-height: var(--space-6);
20326
+ --select-trigger-height: var(--control-height-2);
20323
20327
  gap: var(--component-gap-2);
20324
20328
  font-size: var(--font-size-2);
20325
20329
  line-height: var(--line-height-2);
@@ -20339,7 +20343,7 @@
20339
20343
  height: var(--trigger-icon-size-2);
20340
20344
  }
20341
20345
  .rt-SelectTrigger:where(.xs\:rt-r-size-3) {
20342
- --select-trigger-height: var(--space-7);
20346
+ --select-trigger-height: var(--control-height-3);
20343
20347
  gap: var(--component-gap-3);
20344
20348
  font-size: var(--font-size-3);
20345
20349
  line-height: var(--line-height-3);
@@ -20361,7 +20365,7 @@
20361
20365
  }
20362
20366
  @media (min-width: 768px) {
20363
20367
  .rt-SelectTrigger:where(.sm\:rt-r-size-1) {
20364
- --select-trigger-height: var(--space-5);
20368
+ --select-trigger-height: var(--control-height-1);
20365
20369
  gap: var(--component-gap-1);
20366
20370
  font-size: var(--font-size-1);
20367
20371
  line-height: var(--line-height-1);
@@ -20381,7 +20385,7 @@
20381
20385
  height: var(--trigger-icon-size-1);
20382
20386
  }
20383
20387
  .rt-SelectTrigger:where(.sm\:rt-r-size-2) {
20384
- --select-trigger-height: var(--space-6);
20388
+ --select-trigger-height: var(--control-height-2);
20385
20389
  gap: var(--component-gap-2);
20386
20390
  font-size: var(--font-size-2);
20387
20391
  line-height: var(--line-height-2);
@@ -20401,7 +20405,7 @@
20401
20405
  height: var(--trigger-icon-size-2);
20402
20406
  }
20403
20407
  .rt-SelectTrigger:where(.sm\:rt-r-size-3) {
20404
- --select-trigger-height: var(--space-7);
20408
+ --select-trigger-height: var(--control-height-3);
20405
20409
  gap: var(--component-gap-3);
20406
20410
  font-size: var(--font-size-3);
20407
20411
  line-height: var(--line-height-3);
@@ -20423,7 +20427,7 @@
20423
20427
  }
20424
20428
  @media (min-width: 1024px) {
20425
20429
  .rt-SelectTrigger:where(.md\:rt-r-size-1) {
20426
- --select-trigger-height: var(--space-5);
20430
+ --select-trigger-height: var(--control-height-1);
20427
20431
  gap: var(--component-gap-1);
20428
20432
  font-size: var(--font-size-1);
20429
20433
  line-height: var(--line-height-1);
@@ -20443,7 +20447,7 @@
20443
20447
  height: var(--trigger-icon-size-1);
20444
20448
  }
20445
20449
  .rt-SelectTrigger:where(.md\:rt-r-size-2) {
20446
- --select-trigger-height: var(--space-6);
20450
+ --select-trigger-height: var(--control-height-2);
20447
20451
  gap: var(--component-gap-2);
20448
20452
  font-size: var(--font-size-2);
20449
20453
  line-height: var(--line-height-2);
@@ -20463,7 +20467,7 @@
20463
20467
  height: var(--trigger-icon-size-2);
20464
20468
  }
20465
20469
  .rt-SelectTrigger:where(.md\:rt-r-size-3) {
20466
- --select-trigger-height: var(--space-7);
20470
+ --select-trigger-height: var(--control-height-3);
20467
20471
  gap: var(--component-gap-3);
20468
20472
  font-size: var(--font-size-3);
20469
20473
  line-height: var(--line-height-3);
@@ -20485,7 +20489,7 @@
20485
20489
  }
20486
20490
  @media (min-width: 1280px) {
20487
20491
  .rt-SelectTrigger:where(.lg\:rt-r-size-1) {
20488
- --select-trigger-height: var(--space-5);
20492
+ --select-trigger-height: var(--control-height-1);
20489
20493
  gap: var(--component-gap-1);
20490
20494
  font-size: var(--font-size-1);
20491
20495
  line-height: var(--line-height-1);
@@ -20505,7 +20509,7 @@
20505
20509
  height: var(--trigger-icon-size-1);
20506
20510
  }
20507
20511
  .rt-SelectTrigger:where(.lg\:rt-r-size-2) {
20508
- --select-trigger-height: var(--space-6);
20512
+ --select-trigger-height: var(--control-height-2);
20509
20513
  gap: var(--component-gap-2);
20510
20514
  font-size: var(--font-size-2);
20511
20515
  line-height: var(--line-height-2);
@@ -20525,7 +20529,7 @@
20525
20529
  height: var(--trigger-icon-size-2);
20526
20530
  }
20527
20531
  .rt-SelectTrigger:where(.lg\:rt-r-size-3) {
20528
- --select-trigger-height: var(--space-7);
20532
+ --select-trigger-height: var(--control-height-3);
20529
20533
  gap: var(--component-gap-3);
20530
20534
  font-size: var(--font-size-3);
20531
20535
  line-height: var(--line-height-3);
@@ -20547,7 +20551,7 @@
20547
20551
  }
20548
20552
  @media (min-width: 1640px) {
20549
20553
  .rt-SelectTrigger:where(.xl\:rt-r-size-1) {
20550
- --select-trigger-height: var(--space-5);
20554
+ --select-trigger-height: var(--control-height-1);
20551
20555
  gap: var(--component-gap-1);
20552
20556
  font-size: var(--font-size-1);
20553
20557
  line-height: var(--line-height-1);
@@ -20567,7 +20571,7 @@
20567
20571
  height: var(--trigger-icon-size-1);
20568
20572
  }
20569
20573
  .rt-SelectTrigger:where(.xl\:rt-r-size-2) {
20570
- --select-trigger-height: var(--space-6);
20574
+ --select-trigger-height: var(--control-height-2);
20571
20575
  gap: var(--component-gap-2);
20572
20576
  font-size: var(--font-size-2);
20573
20577
  line-height: var(--line-height-2);
@@ -20587,7 +20591,7 @@
20587
20591
  height: var(--trigger-icon-size-2);
20588
20592
  }
20589
20593
  .rt-SelectTrigger:where(.xl\:rt-r-size-3) {
20590
- --select-trigger-height: var(--space-7);
20594
+ --select-trigger-height: var(--control-height-3);
20591
20595
  gap: var(--component-gap-3);
20592
20596
  font-size: var(--font-size-3);
20593
20597
  line-height: var(--line-height-3);
@@ -20609,7 +20613,7 @@
20609
20613
  }
20610
20614
  .rt-SelectContent:where(.rt-r-size-1) {
20611
20615
  --select-content-padding: var(--space-1);
20612
- --select-item-height: var(--space-5);
20616
+ --select-item-height: var(--control-height-1);
20613
20617
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
20614
20618
  --select-separator-margin-right: var(--space-2);
20615
20619
  border-radius: var(--radius-surface-3);
@@ -20631,7 +20635,6 @@
20631
20635
  }
20632
20636
  .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) {
20633
20637
  --select-content-padding: var(--space-2);
20634
- --select-item-height: var(--space-6);
20635
20638
  --select-item-indicator-width: var(--space-5);
20636
20639
  --select-separator-margin-right: var(--space-3);
20637
20640
  border-radius: var(--radius-surface-4);
@@ -20645,6 +20648,9 @@
20645
20648
  line-height: var(--line-height-2);
20646
20649
  border-radius: var(--radius-2);
20647
20650
  }
20651
+ .rt-SelectContent:where(.rt-r-size-2) {
20652
+ --select-item-height: var(--control-height-2);
20653
+ }
20648
20654
  .rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItem) {
20649
20655
  font-size: var(--font-size-2);
20650
20656
  letter-spacing: var(--letter-spacing-2);
@@ -20653,6 +20659,9 @@
20653
20659
  width: var(--select-indicator-icon-size-2);
20654
20660
  height: var(--select-indicator-icon-size-2);
20655
20661
  }
20662
+ .rt-SelectContent:where(.rt-r-size-3) {
20663
+ --select-item-height: var(--control-height-3);
20664
+ }
20656
20665
  .rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItem) {
20657
20666
  font-size: var(--font-size-3);
20658
20667
  letter-spacing: var(--letter-spacing-3);
@@ -20664,7 +20673,7 @@
20664
20673
  @media (min-width: 520px) {
20665
20674
  .rt-SelectContent:where(.xs\:rt-r-size-1) {
20666
20675
  --select-content-padding: var(--space-1);
20667
- --select-item-height: var(--space-5);
20676
+ --select-item-height: var(--control-height-1);
20668
20677
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
20669
20678
  --select-separator-margin-right: var(--space-2);
20670
20679
  border-radius: var(--radius-surface-3);
@@ -20686,7 +20695,6 @@
20686
20695
  }
20687
20696
  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
20688
20697
  --select-content-padding: var(--space-2);
20689
- --select-item-height: var(--space-6);
20690
20698
  --select-item-indicator-width: var(--space-5);
20691
20699
  --select-separator-margin-right: var(--space-3);
20692
20700
  border-radius: var(--radius-surface-4);
@@ -20700,6 +20708,9 @@
20700
20708
  line-height: var(--line-height-2);
20701
20709
  border-radius: var(--radius-2);
20702
20710
  }
20711
+ .rt-SelectContent:where(.xs\:rt-r-size-2) {
20712
+ --select-item-height: var(--control-height-2);
20713
+ }
20703
20714
  .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItem) {
20704
20715
  font-size: var(--font-size-2);
20705
20716
  letter-spacing: var(--letter-spacing-2);
@@ -20708,6 +20719,9 @@
20708
20719
  width: var(--select-indicator-icon-size-2);
20709
20720
  height: var(--select-indicator-icon-size-2);
20710
20721
  }
20722
+ .rt-SelectContent:where(.xs\:rt-r-size-3) {
20723
+ --select-item-height: var(--control-height-3);
20724
+ }
20711
20725
  .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItem) {
20712
20726
  font-size: var(--font-size-3);
20713
20727
  letter-spacing: var(--letter-spacing-3);
@@ -20720,7 +20734,7 @@
20720
20734
  @media (min-width: 768px) {
20721
20735
  .rt-SelectContent:where(.sm\:rt-r-size-1) {
20722
20736
  --select-content-padding: var(--space-1);
20723
- --select-item-height: var(--space-5);
20737
+ --select-item-height: var(--control-height-1);
20724
20738
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
20725
20739
  --select-separator-margin-right: var(--space-2);
20726
20740
  border-radius: var(--radius-surface-3);
@@ -20742,7 +20756,6 @@
20742
20756
  }
20743
20757
  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
20744
20758
  --select-content-padding: var(--space-2);
20745
- --select-item-height: var(--space-6);
20746
20759
  --select-item-indicator-width: var(--space-5);
20747
20760
  --select-separator-margin-right: var(--space-3);
20748
20761
  border-radius: var(--radius-surface-4);
@@ -20756,6 +20769,9 @@
20756
20769
  line-height: var(--line-height-2);
20757
20770
  border-radius: var(--radius-2);
20758
20771
  }
20772
+ .rt-SelectContent:where(.sm\:rt-r-size-2) {
20773
+ --select-item-height: var(--control-height-2);
20774
+ }
20759
20775
  .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItem) {
20760
20776
  font-size: var(--font-size-2);
20761
20777
  letter-spacing: var(--letter-spacing-2);
@@ -20764,6 +20780,9 @@
20764
20780
  width: var(--select-indicator-icon-size-2);
20765
20781
  height: var(--select-indicator-icon-size-2);
20766
20782
  }
20783
+ .rt-SelectContent:where(.sm\:rt-r-size-3) {
20784
+ --select-item-height: var(--control-height-3);
20785
+ }
20767
20786
  .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItem) {
20768
20787
  font-size: var(--font-size-3);
20769
20788
  letter-spacing: var(--letter-spacing-3);
@@ -20776,7 +20795,7 @@
20776
20795
  @media (min-width: 1024px) {
20777
20796
  .rt-SelectContent:where(.md\:rt-r-size-1) {
20778
20797
  --select-content-padding: var(--space-1);
20779
- --select-item-height: var(--space-5);
20798
+ --select-item-height: var(--control-height-1);
20780
20799
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
20781
20800
  --select-separator-margin-right: var(--space-2);
20782
20801
  border-radius: var(--radius-surface-3);
@@ -20798,7 +20817,6 @@
20798
20817
  }
20799
20818
  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
20800
20819
  --select-content-padding: var(--space-2);
20801
- --select-item-height: var(--space-6);
20802
20820
  --select-item-indicator-width: var(--space-5);
20803
20821
  --select-separator-margin-right: var(--space-3);
20804
20822
  border-radius: var(--radius-surface-4);
@@ -20812,6 +20830,9 @@
20812
20830
  line-height: var(--line-height-2);
20813
20831
  border-radius: var(--radius-2);
20814
20832
  }
20833
+ .rt-SelectContent:where(.md\:rt-r-size-2) {
20834
+ --select-item-height: var(--control-height-2);
20835
+ }
20815
20836
  .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItem) {
20816
20837
  font-size: var(--font-size-2);
20817
20838
  letter-spacing: var(--letter-spacing-2);
@@ -20820,6 +20841,9 @@
20820
20841
  width: var(--select-indicator-icon-size-2);
20821
20842
  height: var(--select-indicator-icon-size-2);
20822
20843
  }
20844
+ .rt-SelectContent:where(.md\:rt-r-size-3) {
20845
+ --select-item-height: var(--control-height-3);
20846
+ }
20823
20847
  .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItem) {
20824
20848
  font-size: var(--font-size-3);
20825
20849
  letter-spacing: var(--letter-spacing-3);
@@ -20832,7 +20856,7 @@
20832
20856
  @media (min-width: 1280px) {
20833
20857
  .rt-SelectContent:where(.lg\:rt-r-size-1) {
20834
20858
  --select-content-padding: var(--space-1);
20835
- --select-item-height: var(--space-5);
20859
+ --select-item-height: var(--control-height-1);
20836
20860
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
20837
20861
  --select-separator-margin-right: var(--space-2);
20838
20862
  border-radius: var(--radius-surface-3);
@@ -20854,7 +20878,6 @@
20854
20878
  }
20855
20879
  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
20856
20880
  --select-content-padding: var(--space-2);
20857
- --select-item-height: var(--space-6);
20858
20881
  --select-item-indicator-width: var(--space-5);
20859
20882
  --select-separator-margin-right: var(--space-3);
20860
20883
  border-radius: var(--radius-surface-4);
@@ -20868,6 +20891,9 @@
20868
20891
  line-height: var(--line-height-2);
20869
20892
  border-radius: var(--radius-2);
20870
20893
  }
20894
+ .rt-SelectContent:where(.lg\:rt-r-size-2) {
20895
+ --select-item-height: var(--control-height-2);
20896
+ }
20871
20897
  .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItem) {
20872
20898
  font-size: var(--font-size-2);
20873
20899
  letter-spacing: var(--letter-spacing-2);
@@ -20876,6 +20902,9 @@
20876
20902
  width: var(--select-indicator-icon-size-2);
20877
20903
  height: var(--select-indicator-icon-size-2);
20878
20904
  }
20905
+ .rt-SelectContent:where(.lg\:rt-r-size-3) {
20906
+ --select-item-height: var(--control-height-3);
20907
+ }
20879
20908
  .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItem) {
20880
20909
  font-size: var(--font-size-3);
20881
20910
  letter-spacing: var(--letter-spacing-3);
@@ -20888,7 +20917,7 @@
20888
20917
  @media (min-width: 1640px) {
20889
20918
  .rt-SelectContent:where(.xl\:rt-r-size-1) {
20890
20919
  --select-content-padding: var(--space-1);
20891
- --select-item-height: var(--space-5);
20920
+ --select-item-height: var(--control-height-1);
20892
20921
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
20893
20922
  --select-separator-margin-right: var(--space-2);
20894
20923
  border-radius: var(--radius-surface-3);
@@ -20910,7 +20939,6 @@
20910
20939
  }
20911
20940
  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
20912
20941
  --select-content-padding: var(--space-2);
20913
- --select-item-height: var(--space-6);
20914
20942
  --select-item-indicator-width: var(--space-5);
20915
20943
  --select-separator-margin-right: var(--space-3);
20916
20944
  border-radius: var(--radius-surface-4);
@@ -20924,6 +20952,9 @@
20924
20952
  line-height: var(--line-height-2);
20925
20953
  border-radius: var(--radius-2);
20926
20954
  }
20955
+ .rt-SelectContent:where(.xl\:rt-r-size-2) {
20956
+ --select-item-height: var(--control-height-2);
20957
+ }
20927
20958
  .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItem) {
20928
20959
  font-size: var(--font-size-2);
20929
20960
  letter-spacing: var(--letter-spacing-2);
@@ -20932,6 +20963,9 @@
20932
20963
  width: var(--select-indicator-icon-size-2);
20933
20964
  height: var(--select-indicator-icon-size-2);
20934
20965
  }
20966
+ .rt-SelectContent:where(.xl\:rt-r-size-3) {
20967
+ --select-item-height: var(--control-height-3);
20968
+ }
20935
20969
  .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItem) {
20936
20970
  font-size: var(--font-size-3);
20937
20971
  letter-spacing: var(--letter-spacing-3);
@@ -22182,15 +22216,15 @@
22182
22216
  }
22183
22217
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1 .rt-SidebarMenuIconWrapper {
22184
22218
  padding: var(--space-2) var(--space-2);
22185
- border-radius: var(--radius-1);
22219
+ border-radius: max(var(--radius-1), var(--radius-full));
22186
22220
  }
22187
22221
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper {
22188
22222
  padding: var(--space-2);
22189
- border-radius: var(--radius-2);
22223
+ border-radius: max(var(--radius-2), var(--radius-full));
22190
22224
  }
22191
22225
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper {
22192
22226
  padding: var(--space-3);
22193
- border-radius: var(--radius-2);
22227
+ border-radius: max(var(--radius-3), var(--radius-full));
22194
22228
  }
22195
22229
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
22196
22230
  display: block;
@@ -22528,131 +22562,100 @@
22528
22562
  .rt-SidebarFooter :where(.rt-SidebarMenuButton) {
22529
22563
  border-radius: 0 0 var(--sidebar-base-border-radius) var(--sidebar-base-border-radius);
22530
22564
  }
22565
+ .rt-SidebarMenuSubTriggerIcon {
22566
+ -ms-flex-negative: 0;
22567
+ flex-shrink: 0;
22568
+ margin-left: auto;
22569
+ }
22531
22570
  .rt-SidebarContainer:where(.rt-r-size-1) {
22532
22571
  --sidebar-base-padding: var(--space-3);
22533
- --sidebar-item-height: var(--space-6);
22534
22572
  }
22535
- .rt-SidebarContainer:where(.rt-r-size-2) {
22573
+ .rt-SidebarContainer:where(.rt-r-size-2,.rt-r-size-3) {
22536
22574
  --sidebar-base-padding: var(--space-4);
22537
- --sidebar-item-height: var(--space-7);
22538
22575
  }
22539
- .rt-SidebarContainer:where(.rt-r-size-3) {
22540
- --sidebar-base-padding: var(--space-4);
22541
- --sidebar-item-height: var(--space-8);
22542
- }
22543
- .rt-SidebarContent:where(.rt-r-size-1) {
22544
- --sidebar-content-padding: var(--base-menu-content-padding);
22545
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22546
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22547
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22548
- --base-menu-item-height: var(--space-6);
22549
- --sidebar-item-height: var(--base-menu-item-height);
22550
- }
22551
- .rt-SidebarContent:where(.rt-r-size-2) {
22552
- --sidebar-content-padding: var(--base-menu-content-padding);
22553
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22554
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22555
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22556
- --base-menu-item-height: var(--space-7);
22557
- --sidebar-item-height: var(--base-menu-item-height);
22558
- }
22559
- .rt-SidebarContent:where(.rt-r-size-3) {
22560
- --sidebar-content-padding: var(--base-menu-content-padding);
22561
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22562
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22563
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22564
- --base-menu-item-height: var(--space-8);
22565
- --sidebar-item-height: var(--base-menu-item-height);
22566
- }
22567
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-1) {
22576
+ .rt-SidebarHeader:where(.rt-r-size-1),
22577
+ .rt-SidebarFooter:where(.rt-r-size-1) {
22568
22578
  --base-menu-content-padding: var(--space-2);
22569
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
22579
+ --base-menu-item-padding-left: var(--space-2);
22570
22580
  --base-menu-item-padding-right: var(--space-2);
22571
22581
  --base-menu-item-padding-y: var(--space-1);
22572
- --base-menu-item-height: var(--space-6);
22582
+ --base-menu-item-height: var(--control-height-1);
22573
22583
  --sidebar-item-height: var(--base-menu-item-height);
22574
22584
  }
22575
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-2) {
22576
- --base-menu-content-padding: var(--space-3);
22577
- --base-menu-item-padding-left: var(--space-3);
22578
- --base-menu-item-padding-right: var(--space-3);
22579
- --base-menu-item-padding-y: var(--space-1);
22580
- --base-menu-item-height: var(--space-7);
22581
- --sidebar-item-height: var(--base-menu-item-height);
22582
- }
22583
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-3) {
22584
- --base-menu-content-padding: var(--space-3);
22585
- --base-menu-item-padding-left: var(--space-3);
22586
- --base-menu-item-padding-right: var(--space-3);
22587
- --base-menu-item-padding-y: var(--space-2);
22588
- --base-menu-item-height: var(--space-8);
22589
- --sidebar-item-height: var(--base-menu-item-height);
22590
- }
22591
- :is(.rt-SidebarContent:where(.rt-r-size-1),.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22585
+ :is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22592
22586
  gap: var(--component-gap-2);
22593
22587
  font-size: var(--font-size-1);
22594
22588
  line-height: var(--line-height-1);
22595
22589
  letter-spacing: var(--letter-spacing-1);
22596
22590
  border-radius: var(--radius-1);
22597
- font-weight: var(--font-weight-regular);
22598
22591
  }
22599
- :is(:is(.rt-SidebarContent:where(.rt-r-size-1),.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22600
- width: var(--content-icon-size-2);
22601
- height: var(--content-icon-size-2);
22592
+ :is(:is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22593
+ width: var(--content-icon-size-1);
22594
+ height: var(--content-icon-size-1);
22602
22595
  -ms-flex-negative: 0;
22603
22596
  flex-shrink: 0;
22604
22597
  }
22605
- :is(.rt-SidebarContent:where(.rt-r-size-1),.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22598
+ :is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22606
22599
  width: var(--indicator-icon-size-1);
22607
22600
  height: var(--indicator-icon-size-1);
22608
22601
  -ms-flex-negative: 0;
22609
22602
  flex-shrink: 0;
22610
22603
  margin-left: auto;
22611
22604
  }
22612
- :is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22605
+ .rt-SidebarHeader:where(.rt-r-size-2),
22606
+ .rt-SidebarFooter:where(.rt-r-size-2) {
22607
+ --base-menu-content-padding: var(--space-3);
22608
+ --base-menu-item-padding-left: var(--space-3);
22609
+ --base-menu-item-padding-right: var(--space-3);
22610
+ --base-menu-item-padding-y: var(--space-1);
22611
+ --base-menu-item-height: var(--control-height-2);
22612
+ --sidebar-item-height: var(--base-menu-item-height);
22613
+ }
22614
+ :is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22613
22615
  gap: var(--component-gap-3);
22614
22616
  font-size: var(--font-size-2);
22615
22617
  line-height: var(--line-height-2);
22616
22618
  letter-spacing: var(--letter-spacing-2);
22617
22619
  border-radius: var(--radius-2);
22618
- font-weight: var(--font-weight-regular);
22619
- }
22620
- :is(:is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
22621
- width: var(--content-icon-size-3);
22622
- height: var(--content-icon-size-3);
22623
- -ms-flex-negative: 0;
22624
- flex-shrink: 0;
22625
22620
  }
22626
- :is(:is(:is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) .rt-SidebarContent:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22627
- width: var(--content-icon-size-3);
22628
- height: var(--content-icon-size-3);
22621
+ :is(:is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
22622
+ width: var(--content-icon-size-2);
22623
+ height: var(--content-icon-size-2);
22629
22624
  -ms-flex-negative: 0;
22630
22625
  flex-shrink: 0;
22631
22626
  }
22632
- :is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
22627
+ :is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
22633
22628
  width: var(--indicator-icon-size-2);
22634
22629
  height: var(--indicator-icon-size-2);
22635
22630
  -ms-flex-negative: 0;
22636
22631
  flex-shrink: 0;
22637
22632
  margin-left: auto;
22638
22633
  }
22639
- :is(.rt-SidebarContent:where(.rt-r-size-3),.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton) {
22640
- gap: var(--component-gap-3);
22634
+ .rt-SidebarHeader:where(.rt-r-size-3),
22635
+ .rt-SidebarFooter:where(.rt-r-size-3) {
22636
+ --base-menu-content-padding: var(--space-3);
22637
+ --base-menu-item-padding-left: var(--space-3);
22638
+ --base-menu-item-padding-right: var(--space-3);
22639
+ --base-menu-item-padding-y: var(--space-2);
22640
+ --base-menu-item-height: var(--control-height-3);
22641
+ --sidebar-item-height: var(--base-menu-item-height);
22642
+ }
22643
+ :is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton) {
22644
+ gap: var(--component-gap-4);
22641
22645
  font-size: var(--font-size-3);
22642
- line-height: var(--line-height-2);
22643
- letter-spacing: var(--letter-spacing-2);
22646
+ line-height: var(--line-height-3);
22647
+ letter-spacing: var(--letter-spacing-3);
22644
22648
  border-radius: var(--radius-2);
22645
- font-weight: var(--font-weight-regular);
22646
22649
  }
22647
- :is(:is(.rt-SidebarContent:where(.rt-r-size-3),.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22650
+ :is(:is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22648
22651
  width: var(--content-icon-size-3);
22649
22652
  height: var(--content-icon-size-3);
22650
22653
  -ms-flex-negative: 0;
22651
22654
  flex-shrink: 0;
22652
22655
  }
22653
- :is(.rt-SidebarContent:where(.rt-r-size-3),.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
22654
- width: var(--indicator-icon-size-2);
22655
- height: var(--indicator-icon-size-2);
22656
+ :is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
22657
+ width: var(--indicator-icon-size-3);
22658
+ height: var(--indicator-icon-size-3);
22656
22659
  -ms-flex-negative: 0;
22657
22660
  flex-shrink: 0;
22658
22661
  margin-left: auto;
@@ -22660,129 +22663,93 @@
22660
22663
  @media (min-width: 520px) {
22661
22664
  .rt-SidebarContainer:where(.xs\:rt-r-size-1) {
22662
22665
  --sidebar-base-padding: var(--space-3);
22663
- --sidebar-item-height: var(--space-6);
22664
22666
  }
22665
- .rt-SidebarContainer:where(.xs\:rt-r-size-2) {
22667
+ .rt-SidebarContainer:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
22666
22668
  --sidebar-base-padding: var(--space-4);
22667
- --sidebar-item-height: var(--space-7);
22668
22669
  }
22669
- .rt-SidebarContainer:where(.xs\:rt-r-size-3) {
22670
- --sidebar-base-padding: var(--space-4);
22671
- --sidebar-item-height: var(--space-8);
22672
- }
22673
- .rt-SidebarContent:where(.xs\:rt-r-size-1) {
22674
- --sidebar-content-padding: var(--base-menu-content-padding);
22675
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22676
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22677
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22678
- --base-menu-item-height: var(--space-6);
22679
- --sidebar-item-height: var(--base-menu-item-height);
22680
- }
22681
- .rt-SidebarContent:where(.xs\:rt-r-size-2) {
22682
- --sidebar-content-padding: var(--base-menu-content-padding);
22683
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22684
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22685
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22686
- --base-menu-item-height: var(--space-7);
22687
- --sidebar-item-height: var(--base-menu-item-height);
22688
- }
22689
- .rt-SidebarContent:where(.xs\:rt-r-size-3) {
22690
- --sidebar-content-padding: var(--base-menu-content-padding);
22691
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22692
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22693
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22694
- --base-menu-item-height: var(--space-8);
22695
- --sidebar-item-height: var(--base-menu-item-height);
22696
- }
22697
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-1) {
22670
+ .rt-SidebarHeader:where(.xs\:rt-r-size-1),
22671
+ .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
22698
22672
  --base-menu-content-padding: var(--space-2);
22699
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
22673
+ --base-menu-item-padding-left: var(--space-2);
22700
22674
  --base-menu-item-padding-right: var(--space-2);
22701
22675
  --base-menu-item-padding-y: var(--space-1);
22702
- --base-menu-item-height: var(--space-6);
22676
+ --base-menu-item-height: var(--control-height-1);
22703
22677
  --sidebar-item-height: var(--base-menu-item-height);
22704
22678
  }
22705
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-2) {
22706
- --base-menu-content-padding: var(--space-3);
22707
- --base-menu-item-padding-left: var(--space-3);
22708
- --base-menu-item-padding-right: var(--space-3);
22709
- --base-menu-item-padding-y: var(--space-1);
22710
- --base-menu-item-height: var(--space-7);
22711
- --sidebar-item-height: var(--base-menu-item-height);
22712
- }
22713
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-3) {
22714
- --base-menu-content-padding: var(--space-3);
22715
- --base-menu-item-padding-left: var(--space-3);
22716
- --base-menu-item-padding-right: var(--space-3);
22717
- --base-menu-item-padding-y: var(--space-2);
22718
- --base-menu-item-height: var(--space-8);
22719
- --sidebar-item-height: var(--base-menu-item-height);
22720
- }
22721
- :is(.rt-SidebarContent:where(.xs\:rt-r-size-1),.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22679
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22722
22680
  gap: var(--component-gap-2);
22723
22681
  font-size: var(--font-size-1);
22724
22682
  line-height: var(--line-height-1);
22725
22683
  letter-spacing: var(--letter-spacing-1);
22726
22684
  border-radius: var(--radius-1);
22727
- font-weight: var(--font-weight-regular);
22728
22685
  }
22729
- :is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-1),.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22730
- width: var(--content-icon-size-2);
22731
- height: var(--content-icon-size-2);
22686
+ :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22687
+ width: var(--content-icon-size-1);
22688
+ height: var(--content-icon-size-1);
22732
22689
  -ms-flex-negative: 0;
22733
22690
  flex-shrink: 0;
22734
22691
  }
22735
- :is(.rt-SidebarContent:where(.xs\:rt-r-size-1),.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22692
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22736
22693
  width: var(--indicator-icon-size-1);
22737
22694
  height: var(--indicator-icon-size-1);
22738
22695
  -ms-flex-negative: 0;
22739
22696
  flex-shrink: 0;
22740
22697
  margin-left: auto;
22741
22698
  }
22742
- :is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22699
+ .rt-SidebarHeader:where(.xs\:rt-r-size-2),
22700
+ .rt-SidebarFooter:where(.xs\:rt-r-size-2) {
22701
+ --base-menu-content-padding: var(--space-3);
22702
+ --base-menu-item-padding-left: var(--space-3);
22703
+ --base-menu-item-padding-right: var(--space-3);
22704
+ --base-menu-item-padding-y: var(--space-1);
22705
+ --base-menu-item-height: var(--control-height-2);
22706
+ --sidebar-item-height: var(--base-menu-item-height);
22707
+ }
22708
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22743
22709
  gap: var(--component-gap-3);
22744
22710
  font-size: var(--font-size-2);
22745
22711
  line-height: var(--line-height-2);
22746
22712
  letter-spacing: var(--letter-spacing-2);
22747
22713
  border-radius: var(--radius-2);
22748
- font-weight: var(--font-weight-regular);
22749
22714
  }
22750
- :is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
22751
- width: var(--content-icon-size-3);
22752
- height: var(--content-icon-size-3);
22753
- -ms-flex-negative: 0;
22754
- flex-shrink: 0;
22755
- }
22756
- :is(:is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) .rt-SidebarContent:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22757
- width: var(--content-icon-size-3);
22758
- height: var(--content-icon-size-3);
22715
+ :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
22716
+ width: var(--content-icon-size-2);
22717
+ height: var(--content-icon-size-2);
22759
22718
  -ms-flex-negative: 0;
22760
22719
  flex-shrink: 0;
22761
22720
  }
22762
- :is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
22721
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
22763
22722
  width: var(--indicator-icon-size-2);
22764
22723
  height: var(--indicator-icon-size-2);
22765
22724
  -ms-flex-negative: 0;
22766
22725
  flex-shrink: 0;
22767
22726
  margin-left: auto;
22768
22727
  }
22769
- :is(.rt-SidebarContent:where(.xs\:rt-r-size-3),.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
22770
- gap: var(--component-gap-3);
22728
+ .rt-SidebarHeader:where(.xs\:rt-r-size-3),
22729
+ .rt-SidebarFooter:where(.xs\:rt-r-size-3) {
22730
+ --base-menu-content-padding: var(--space-3);
22731
+ --base-menu-item-padding-left: var(--space-3);
22732
+ --base-menu-item-padding-right: var(--space-3);
22733
+ --base-menu-item-padding-y: var(--space-2);
22734
+ --base-menu-item-height: var(--control-height-3);
22735
+ --sidebar-item-height: var(--base-menu-item-height);
22736
+ }
22737
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
22738
+ gap: var(--component-gap-4);
22771
22739
  font-size: var(--font-size-3);
22772
- line-height: var(--line-height-2);
22773
- letter-spacing: var(--letter-spacing-2);
22740
+ line-height: var(--line-height-3);
22741
+ letter-spacing: var(--letter-spacing-3);
22774
22742
  border-radius: var(--radius-2);
22775
- font-weight: var(--font-weight-regular);
22776
22743
  }
22777
- :is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-3),.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22744
+ :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22778
22745
  width: var(--content-icon-size-3);
22779
22746
  height: var(--content-icon-size-3);
22780
22747
  -ms-flex-negative: 0;
22781
22748
  flex-shrink: 0;
22782
22749
  }
22783
- :is(.rt-SidebarContent:where(.xs\:rt-r-size-3),.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
22784
- width: var(--indicator-icon-size-2);
22785
- height: var(--indicator-icon-size-2);
22750
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
22751
+ width: var(--indicator-icon-size-3);
22752
+ height: var(--indicator-icon-size-3);
22786
22753
  -ms-flex-negative: 0;
22787
22754
  flex-shrink: 0;
22788
22755
  margin-left: auto;
@@ -22791,129 +22758,93 @@
22791
22758
  @media (min-width: 768px) {
22792
22759
  .rt-SidebarContainer:where(.sm\:rt-r-size-1) {
22793
22760
  --sidebar-base-padding: var(--space-3);
22794
- --sidebar-item-height: var(--space-6);
22795
22761
  }
22796
- .rt-SidebarContainer:where(.sm\:rt-r-size-2) {
22762
+ .rt-SidebarContainer:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
22797
22763
  --sidebar-base-padding: var(--space-4);
22798
- --sidebar-item-height: var(--space-7);
22799
22764
  }
22800
- .rt-SidebarContainer:where(.sm\:rt-r-size-3) {
22801
- --sidebar-base-padding: var(--space-4);
22802
- --sidebar-item-height: var(--space-8);
22803
- }
22804
- .rt-SidebarContent:where(.sm\:rt-r-size-1) {
22805
- --sidebar-content-padding: var(--base-menu-content-padding);
22806
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22807
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22808
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22809
- --base-menu-item-height: var(--space-6);
22810
- --sidebar-item-height: var(--base-menu-item-height);
22811
- }
22812
- .rt-SidebarContent:where(.sm\:rt-r-size-2) {
22813
- --sidebar-content-padding: var(--base-menu-content-padding);
22814
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22815
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22816
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22817
- --base-menu-item-height: var(--space-7);
22818
- --sidebar-item-height: var(--base-menu-item-height);
22819
- }
22820
- .rt-SidebarContent:where(.sm\:rt-r-size-3) {
22821
- --sidebar-content-padding: var(--base-menu-content-padding);
22822
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22823
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22824
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22825
- --base-menu-item-height: var(--space-8);
22826
- --sidebar-item-height: var(--base-menu-item-height);
22827
- }
22828
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-1) {
22765
+ .rt-SidebarHeader:where(.sm\:rt-r-size-1),
22766
+ .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
22829
22767
  --base-menu-content-padding: var(--space-2);
22830
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
22768
+ --base-menu-item-padding-left: var(--space-2);
22831
22769
  --base-menu-item-padding-right: var(--space-2);
22832
22770
  --base-menu-item-padding-y: var(--space-1);
22833
- --base-menu-item-height: var(--space-6);
22834
- --sidebar-item-height: var(--base-menu-item-height);
22835
- }
22836
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-2) {
22837
- --base-menu-content-padding: var(--space-3);
22838
- --base-menu-item-padding-left: var(--space-3);
22839
- --base-menu-item-padding-right: var(--space-3);
22840
- --base-menu-item-padding-y: var(--space-1);
22841
- --base-menu-item-height: var(--space-7);
22771
+ --base-menu-item-height: var(--control-height-1);
22842
22772
  --sidebar-item-height: var(--base-menu-item-height);
22843
22773
  }
22844
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-3) {
22845
- --base-menu-content-padding: var(--space-3);
22846
- --base-menu-item-padding-left: var(--space-3);
22847
- --base-menu-item-padding-right: var(--space-3);
22848
- --base-menu-item-padding-y: var(--space-2);
22849
- --base-menu-item-height: var(--space-8);
22850
- --sidebar-item-height: var(--base-menu-item-height);
22851
- }
22852
- :is(.rt-SidebarContent:where(.sm\:rt-r-size-1),.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22774
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22853
22775
  gap: var(--component-gap-2);
22854
22776
  font-size: var(--font-size-1);
22855
22777
  line-height: var(--line-height-1);
22856
22778
  letter-spacing: var(--letter-spacing-1);
22857
22779
  border-radius: var(--radius-1);
22858
- font-weight: var(--font-weight-regular);
22859
22780
  }
22860
- :is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-1),.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22861
- width: var(--content-icon-size-2);
22862
- height: var(--content-icon-size-2);
22781
+ :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22782
+ width: var(--content-icon-size-1);
22783
+ height: var(--content-icon-size-1);
22863
22784
  -ms-flex-negative: 0;
22864
22785
  flex-shrink: 0;
22865
22786
  }
22866
- :is(.rt-SidebarContent:where(.sm\:rt-r-size-1),.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22787
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22867
22788
  width: var(--indicator-icon-size-1);
22868
22789
  height: var(--indicator-icon-size-1);
22869
22790
  -ms-flex-negative: 0;
22870
22791
  flex-shrink: 0;
22871
22792
  margin-left: auto;
22872
22793
  }
22873
- :is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22794
+ .rt-SidebarHeader:where(.sm\:rt-r-size-2),
22795
+ .rt-SidebarFooter:where(.sm\:rt-r-size-2) {
22796
+ --base-menu-content-padding: var(--space-3);
22797
+ --base-menu-item-padding-left: var(--space-3);
22798
+ --base-menu-item-padding-right: var(--space-3);
22799
+ --base-menu-item-padding-y: var(--space-1);
22800
+ --base-menu-item-height: var(--control-height-2);
22801
+ --sidebar-item-height: var(--base-menu-item-height);
22802
+ }
22803
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22874
22804
  gap: var(--component-gap-3);
22875
22805
  font-size: var(--font-size-2);
22876
22806
  line-height: var(--line-height-2);
22877
22807
  letter-spacing: var(--letter-spacing-2);
22878
22808
  border-radius: var(--radius-2);
22879
- font-weight: var(--font-weight-regular);
22880
- }
22881
- :is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
22882
- width: var(--content-icon-size-3);
22883
- height: var(--content-icon-size-3);
22884
- -ms-flex-negative: 0;
22885
- flex-shrink: 0;
22886
22809
  }
22887
- :is(:is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) .rt-SidebarContent:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22888
- width: var(--content-icon-size-3);
22889
- height: var(--content-icon-size-3);
22810
+ :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
22811
+ width: var(--content-icon-size-2);
22812
+ height: var(--content-icon-size-2);
22890
22813
  -ms-flex-negative: 0;
22891
22814
  flex-shrink: 0;
22892
22815
  }
22893
- :is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
22816
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
22894
22817
  width: var(--indicator-icon-size-2);
22895
22818
  height: var(--indicator-icon-size-2);
22896
22819
  -ms-flex-negative: 0;
22897
22820
  flex-shrink: 0;
22898
22821
  margin-left: auto;
22899
22822
  }
22900
- :is(.rt-SidebarContent:where(.sm\:rt-r-size-3),.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
22901
- gap: var(--component-gap-3);
22823
+ .rt-SidebarHeader:where(.sm\:rt-r-size-3),
22824
+ .rt-SidebarFooter:where(.sm\:rt-r-size-3) {
22825
+ --base-menu-content-padding: var(--space-3);
22826
+ --base-menu-item-padding-left: var(--space-3);
22827
+ --base-menu-item-padding-right: var(--space-3);
22828
+ --base-menu-item-padding-y: var(--space-2);
22829
+ --base-menu-item-height: var(--control-height-3);
22830
+ --sidebar-item-height: var(--base-menu-item-height);
22831
+ }
22832
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
22833
+ gap: var(--component-gap-4);
22902
22834
  font-size: var(--font-size-3);
22903
- line-height: var(--line-height-2);
22904
- letter-spacing: var(--letter-spacing-2);
22835
+ line-height: var(--line-height-3);
22836
+ letter-spacing: var(--letter-spacing-3);
22905
22837
  border-radius: var(--radius-2);
22906
- font-weight: var(--font-weight-regular);
22907
22838
  }
22908
- :is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-3),.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22839
+ :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22909
22840
  width: var(--content-icon-size-3);
22910
22841
  height: var(--content-icon-size-3);
22911
22842
  -ms-flex-negative: 0;
22912
22843
  flex-shrink: 0;
22913
22844
  }
22914
- :is(.rt-SidebarContent:where(.sm\:rt-r-size-3),.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
22915
- width: var(--indicator-icon-size-2);
22916
- height: var(--indicator-icon-size-2);
22845
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
22846
+ width: var(--indicator-icon-size-3);
22847
+ height: var(--indicator-icon-size-3);
22917
22848
  -ms-flex-negative: 0;
22918
22849
  flex-shrink: 0;
22919
22850
  margin-left: auto;
@@ -22922,129 +22853,93 @@
22922
22853
  @media (min-width: 1024px) {
22923
22854
  .rt-SidebarContainer:where(.md\:rt-r-size-1) {
22924
22855
  --sidebar-base-padding: var(--space-3);
22925
- --sidebar-item-height: var(--space-6);
22926
- }
22927
- .rt-SidebarContainer:where(.md\:rt-r-size-2) {
22928
- --sidebar-base-padding: var(--space-4);
22929
- --sidebar-item-height: var(--space-7);
22930
22856
  }
22931
- .rt-SidebarContainer:where(.md\:rt-r-size-3) {
22857
+ .rt-SidebarContainer:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
22932
22858
  --sidebar-base-padding: var(--space-4);
22933
- --sidebar-item-height: var(--space-8);
22934
- }
22935
- .rt-SidebarContent:where(.md\:rt-r-size-1) {
22936
- --sidebar-content-padding: var(--base-menu-content-padding);
22937
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22938
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22939
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22940
- --base-menu-item-height: var(--space-6);
22941
- --sidebar-item-height: var(--base-menu-item-height);
22942
- }
22943
- .rt-SidebarContent:where(.md\:rt-r-size-2) {
22944
- --sidebar-content-padding: var(--base-menu-content-padding);
22945
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22946
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22947
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22948
- --base-menu-item-height: var(--space-7);
22949
- --sidebar-item-height: var(--base-menu-item-height);
22950
22859
  }
22951
- .rt-SidebarContent:where(.md\:rt-r-size-3) {
22952
- --sidebar-content-padding: var(--base-menu-content-padding);
22953
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
22954
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
22955
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
22956
- --base-menu-item-height: var(--space-8);
22957
- --sidebar-item-height: var(--base-menu-item-height);
22958
- }
22959
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-1) {
22860
+ .rt-SidebarHeader:where(.md\:rt-r-size-1),
22861
+ .rt-SidebarFooter:where(.md\:rt-r-size-1) {
22960
22862
  --base-menu-content-padding: var(--space-2);
22961
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
22863
+ --base-menu-item-padding-left: var(--space-2);
22962
22864
  --base-menu-item-padding-right: var(--space-2);
22963
22865
  --base-menu-item-padding-y: var(--space-1);
22964
- --base-menu-item-height: var(--space-6);
22965
- --sidebar-item-height: var(--base-menu-item-height);
22966
- }
22967
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-2) {
22968
- --base-menu-content-padding: var(--space-3);
22969
- --base-menu-item-padding-left: var(--space-3);
22970
- --base-menu-item-padding-right: var(--space-3);
22971
- --base-menu-item-padding-y: var(--space-1);
22972
- --base-menu-item-height: var(--space-7);
22866
+ --base-menu-item-height: var(--control-height-1);
22973
22867
  --sidebar-item-height: var(--base-menu-item-height);
22974
22868
  }
22975
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-3) {
22976
- --base-menu-content-padding: var(--space-3);
22977
- --base-menu-item-padding-left: var(--space-3);
22978
- --base-menu-item-padding-right: var(--space-3);
22979
- --base-menu-item-padding-y: var(--space-2);
22980
- --base-menu-item-height: var(--space-8);
22981
- --sidebar-item-height: var(--base-menu-item-height);
22982
- }
22983
- :is(.rt-SidebarContent:where(.md\:rt-r-size-1),.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22869
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22984
22870
  gap: var(--component-gap-2);
22985
22871
  font-size: var(--font-size-1);
22986
22872
  line-height: var(--line-height-1);
22987
22873
  letter-spacing: var(--letter-spacing-1);
22988
22874
  border-radius: var(--radius-1);
22989
- font-weight: var(--font-weight-regular);
22990
22875
  }
22991
- :is(:is(.rt-SidebarContent:where(.md\:rt-r-size-1),.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22992
- width: var(--content-icon-size-2);
22993
- height: var(--content-icon-size-2);
22876
+ :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22877
+ width: var(--content-icon-size-1);
22878
+ height: var(--content-icon-size-1);
22994
22879
  -ms-flex-negative: 0;
22995
22880
  flex-shrink: 0;
22996
22881
  }
22997
- :is(.rt-SidebarContent:where(.md\:rt-r-size-1),.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22882
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22998
22883
  width: var(--indicator-icon-size-1);
22999
22884
  height: var(--indicator-icon-size-1);
23000
22885
  -ms-flex-negative: 0;
23001
22886
  flex-shrink: 0;
23002
22887
  margin-left: auto;
23003
22888
  }
23004
- :is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22889
+ .rt-SidebarHeader:where(.md\:rt-r-size-2),
22890
+ .rt-SidebarFooter:where(.md\:rt-r-size-2) {
22891
+ --base-menu-content-padding: var(--space-3);
22892
+ --base-menu-item-padding-left: var(--space-3);
22893
+ --base-menu-item-padding-right: var(--space-3);
22894
+ --base-menu-item-padding-y: var(--space-1);
22895
+ --base-menu-item-height: var(--control-height-2);
22896
+ --sidebar-item-height: var(--base-menu-item-height);
22897
+ }
22898
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
23005
22899
  gap: var(--component-gap-3);
23006
22900
  font-size: var(--font-size-2);
23007
22901
  line-height: var(--line-height-2);
23008
22902
  letter-spacing: var(--letter-spacing-2);
23009
22903
  border-radius: var(--radius-2);
23010
- font-weight: var(--font-weight-regular);
23011
22904
  }
23012
- :is(:is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
23013
- width: var(--content-icon-size-3);
23014
- height: var(--content-icon-size-3);
23015
- -ms-flex-negative: 0;
23016
- flex-shrink: 0;
23017
- }
23018
- :is(:is(:is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) .rt-SidebarContent:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23019
- width: var(--content-icon-size-3);
23020
- height: var(--content-icon-size-3);
22905
+ :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
22906
+ width: var(--content-icon-size-2);
22907
+ height: var(--content-icon-size-2);
23021
22908
  -ms-flex-negative: 0;
23022
22909
  flex-shrink: 0;
23023
22910
  }
23024
- :is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
22911
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
23025
22912
  width: var(--indicator-icon-size-2);
23026
22913
  height: var(--indicator-icon-size-2);
23027
22914
  -ms-flex-negative: 0;
23028
22915
  flex-shrink: 0;
23029
22916
  margin-left: auto;
23030
22917
  }
23031
- :is(.rt-SidebarContent:where(.md\:rt-r-size-3),.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
23032
- gap: var(--component-gap-3);
22918
+ .rt-SidebarHeader:where(.md\:rt-r-size-3),
22919
+ .rt-SidebarFooter:where(.md\:rt-r-size-3) {
22920
+ --base-menu-content-padding: var(--space-3);
22921
+ --base-menu-item-padding-left: var(--space-3);
22922
+ --base-menu-item-padding-right: var(--space-3);
22923
+ --base-menu-item-padding-y: var(--space-2);
22924
+ --base-menu-item-height: var(--control-height-3);
22925
+ --sidebar-item-height: var(--base-menu-item-height);
22926
+ }
22927
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
22928
+ gap: var(--component-gap-4);
23033
22929
  font-size: var(--font-size-3);
23034
- line-height: var(--line-height-2);
23035
- letter-spacing: var(--letter-spacing-2);
22930
+ line-height: var(--line-height-3);
22931
+ letter-spacing: var(--letter-spacing-3);
23036
22932
  border-radius: var(--radius-2);
23037
- font-weight: var(--font-weight-regular);
23038
22933
  }
23039
- :is(:is(.rt-SidebarContent:where(.md\:rt-r-size-3),.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
22934
+ :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23040
22935
  width: var(--content-icon-size-3);
23041
22936
  height: var(--content-icon-size-3);
23042
22937
  -ms-flex-negative: 0;
23043
22938
  flex-shrink: 0;
23044
22939
  }
23045
- :is(.rt-SidebarContent:where(.md\:rt-r-size-3),.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
23046
- width: var(--indicator-icon-size-2);
23047
- height: var(--indicator-icon-size-2);
22940
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
22941
+ width: var(--indicator-icon-size-3);
22942
+ height: var(--indicator-icon-size-3);
23048
22943
  -ms-flex-negative: 0;
23049
22944
  flex-shrink: 0;
23050
22945
  margin-left: auto;
@@ -23053,129 +22948,93 @@
23053
22948
  @media (min-width: 1280px) {
23054
22949
  .rt-SidebarContainer:where(.lg\:rt-r-size-1) {
23055
22950
  --sidebar-base-padding: var(--space-3);
23056
- --sidebar-item-height: var(--space-6);
23057
- }
23058
- .rt-SidebarContainer:where(.lg\:rt-r-size-2) {
23059
- --sidebar-base-padding: var(--space-4);
23060
- --sidebar-item-height: var(--space-7);
23061
22951
  }
23062
- .rt-SidebarContainer:where(.lg\:rt-r-size-3) {
22952
+ .rt-SidebarContainer:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
23063
22953
  --sidebar-base-padding: var(--space-4);
23064
- --sidebar-item-height: var(--space-8);
23065
- }
23066
- .rt-SidebarContent:where(.lg\:rt-r-size-1) {
23067
- --sidebar-content-padding: var(--base-menu-content-padding);
23068
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
23069
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
23070
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
23071
- --base-menu-item-height: var(--space-6);
23072
- --sidebar-item-height: var(--base-menu-item-height);
23073
22954
  }
23074
- .rt-SidebarContent:where(.lg\:rt-r-size-2) {
23075
- --sidebar-content-padding: var(--base-menu-content-padding);
23076
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
23077
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
23078
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
23079
- --base-menu-item-height: var(--space-7);
23080
- --sidebar-item-height: var(--base-menu-item-height);
23081
- }
23082
- .rt-SidebarContent:where(.lg\:rt-r-size-3) {
23083
- --sidebar-content-padding: var(--base-menu-content-padding);
23084
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
23085
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
23086
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
23087
- --base-menu-item-height: var(--space-8);
23088
- --sidebar-item-height: var(--base-menu-item-height);
23089
- }
23090
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-1) {
22955
+ .rt-SidebarHeader:where(.lg\:rt-r-size-1),
22956
+ .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
23091
22957
  --base-menu-content-padding: var(--space-2);
23092
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
22958
+ --base-menu-item-padding-left: var(--space-2);
23093
22959
  --base-menu-item-padding-right: var(--space-2);
23094
22960
  --base-menu-item-padding-y: var(--space-1);
23095
- --base-menu-item-height: var(--space-6);
23096
- --sidebar-item-height: var(--base-menu-item-height);
23097
- }
23098
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-2) {
23099
- --base-menu-content-padding: var(--space-3);
23100
- --base-menu-item-padding-left: var(--space-3);
23101
- --base-menu-item-padding-right: var(--space-3);
23102
- --base-menu-item-padding-y: var(--space-1);
23103
- --base-menu-item-height: var(--space-7);
22961
+ --base-menu-item-height: var(--control-height-1);
23104
22962
  --sidebar-item-height: var(--base-menu-item-height);
23105
22963
  }
23106
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-3) {
23107
- --base-menu-content-padding: var(--space-3);
23108
- --base-menu-item-padding-left: var(--space-3);
23109
- --base-menu-item-padding-right: var(--space-3);
23110
- --base-menu-item-padding-y: var(--space-2);
23111
- --base-menu-item-height: var(--space-8);
23112
- --sidebar-item-height: var(--base-menu-item-height);
23113
- }
23114
- :is(.rt-SidebarContent:where(.lg\:rt-r-size-1),.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
22964
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
23115
22965
  gap: var(--component-gap-2);
23116
22966
  font-size: var(--font-size-1);
23117
22967
  line-height: var(--line-height-1);
23118
22968
  letter-spacing: var(--letter-spacing-1);
23119
22969
  border-radius: var(--radius-1);
23120
- font-weight: var(--font-weight-regular);
23121
22970
  }
23122
- :is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-1),.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
23123
- width: var(--content-icon-size-2);
23124
- height: var(--content-icon-size-2);
22971
+ :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
22972
+ width: var(--content-icon-size-1);
22973
+ height: var(--content-icon-size-1);
23125
22974
  -ms-flex-negative: 0;
23126
22975
  flex-shrink: 0;
23127
22976
  }
23128
- :is(.rt-SidebarContent:where(.lg\:rt-r-size-1),.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
22977
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
23129
22978
  width: var(--indicator-icon-size-1);
23130
22979
  height: var(--indicator-icon-size-1);
23131
22980
  -ms-flex-negative: 0;
23132
22981
  flex-shrink: 0;
23133
22982
  margin-left: auto;
23134
22983
  }
23135
- :is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
22984
+ .rt-SidebarHeader:where(.lg\:rt-r-size-2),
22985
+ .rt-SidebarFooter:where(.lg\:rt-r-size-2) {
22986
+ --base-menu-content-padding: var(--space-3);
22987
+ --base-menu-item-padding-left: var(--space-3);
22988
+ --base-menu-item-padding-right: var(--space-3);
22989
+ --base-menu-item-padding-y: var(--space-1);
22990
+ --base-menu-item-height: var(--control-height-2);
22991
+ --sidebar-item-height: var(--base-menu-item-height);
22992
+ }
22993
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
23136
22994
  gap: var(--component-gap-3);
23137
22995
  font-size: var(--font-size-2);
23138
22996
  line-height: var(--line-height-2);
23139
22997
  letter-spacing: var(--letter-spacing-2);
23140
22998
  border-radius: var(--radius-2);
23141
- font-weight: var(--font-weight-regular);
23142
- }
23143
- :is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
23144
- width: var(--content-icon-size-3);
23145
- height: var(--content-icon-size-3);
23146
- -ms-flex-negative: 0;
23147
- flex-shrink: 0;
23148
22999
  }
23149
- :is(:is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) .rt-SidebarContent:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23150
- width: var(--content-icon-size-3);
23151
- height: var(--content-icon-size-3);
23000
+ :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
23001
+ width: var(--content-icon-size-2);
23002
+ height: var(--content-icon-size-2);
23152
23003
  -ms-flex-negative: 0;
23153
23004
  flex-shrink: 0;
23154
23005
  }
23155
- :is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
23006
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
23156
23007
  width: var(--indicator-icon-size-2);
23157
23008
  height: var(--indicator-icon-size-2);
23158
23009
  -ms-flex-negative: 0;
23159
23010
  flex-shrink: 0;
23160
23011
  margin-left: auto;
23161
23012
  }
23162
- :is(.rt-SidebarContent:where(.lg\:rt-r-size-3),.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
23163
- gap: var(--component-gap-3);
23013
+ .rt-SidebarHeader:where(.lg\:rt-r-size-3),
23014
+ .rt-SidebarFooter:where(.lg\:rt-r-size-3) {
23015
+ --base-menu-content-padding: var(--space-3);
23016
+ --base-menu-item-padding-left: var(--space-3);
23017
+ --base-menu-item-padding-right: var(--space-3);
23018
+ --base-menu-item-padding-y: var(--space-2);
23019
+ --base-menu-item-height: var(--control-height-3);
23020
+ --sidebar-item-height: var(--base-menu-item-height);
23021
+ }
23022
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
23023
+ gap: var(--component-gap-4);
23164
23024
  font-size: var(--font-size-3);
23165
- line-height: var(--line-height-2);
23166
- letter-spacing: var(--letter-spacing-2);
23025
+ line-height: var(--line-height-3);
23026
+ letter-spacing: var(--letter-spacing-3);
23167
23027
  border-radius: var(--radius-2);
23168
- font-weight: var(--font-weight-regular);
23169
23028
  }
23170
- :is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-3),.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23029
+ :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23171
23030
  width: var(--content-icon-size-3);
23172
23031
  height: var(--content-icon-size-3);
23173
23032
  -ms-flex-negative: 0;
23174
23033
  flex-shrink: 0;
23175
23034
  }
23176
- :is(.rt-SidebarContent:where(.lg\:rt-r-size-3),.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
23177
- width: var(--indicator-icon-size-2);
23178
- height: var(--indicator-icon-size-2);
23035
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
23036
+ width: var(--indicator-icon-size-3);
23037
+ height: var(--indicator-icon-size-3);
23179
23038
  -ms-flex-negative: 0;
23180
23039
  flex-shrink: 0;
23181
23040
  margin-left: auto;
@@ -23184,129 +23043,93 @@
23184
23043
  @media (min-width: 1640px) {
23185
23044
  .rt-SidebarContainer:where(.xl\:rt-r-size-1) {
23186
23045
  --sidebar-base-padding: var(--space-3);
23187
- --sidebar-item-height: var(--space-6);
23188
23046
  }
23189
- .rt-SidebarContainer:where(.xl\:rt-r-size-2) {
23047
+ .rt-SidebarContainer:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
23190
23048
  --sidebar-base-padding: var(--space-4);
23191
- --sidebar-item-height: var(--space-7);
23192
23049
  }
23193
- .rt-SidebarContainer:where(.xl\:rt-r-size-3) {
23194
- --sidebar-base-padding: var(--space-4);
23195
- --sidebar-item-height: var(--space-8);
23196
- }
23197
- .rt-SidebarContent:where(.xl\:rt-r-size-1) {
23198
- --sidebar-content-padding: var(--base-menu-content-padding);
23199
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
23200
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
23201
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
23202
- --base-menu-item-height: var(--space-6);
23203
- --sidebar-item-height: var(--base-menu-item-height);
23204
- }
23205
- .rt-SidebarContent:where(.xl\:rt-r-size-2) {
23206
- --sidebar-content-padding: var(--base-menu-content-padding);
23207
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
23208
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
23209
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
23210
- --base-menu-item-height: var(--space-7);
23211
- --sidebar-item-height: var(--base-menu-item-height);
23212
- }
23213
- .rt-SidebarContent:where(.xl\:rt-r-size-3) {
23214
- --sidebar-content-padding: var(--base-menu-content-padding);
23215
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
23216
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
23217
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
23218
- --base-menu-item-height: var(--space-8);
23219
- --sidebar-item-height: var(--base-menu-item-height);
23220
- }
23221
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-1) {
23050
+ .rt-SidebarHeader:where(.xl\:rt-r-size-1),
23051
+ .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
23222
23052
  --base-menu-content-padding: var(--space-2);
23223
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
23053
+ --base-menu-item-padding-left: var(--space-2);
23224
23054
  --base-menu-item-padding-right: var(--space-2);
23225
23055
  --base-menu-item-padding-y: var(--space-1);
23226
- --base-menu-item-height: var(--space-6);
23056
+ --base-menu-item-height: var(--control-height-1);
23227
23057
  --sidebar-item-height: var(--base-menu-item-height);
23228
23058
  }
23229
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-2) {
23230
- --base-menu-content-padding: var(--space-3);
23231
- --base-menu-item-padding-left: var(--space-3);
23232
- --base-menu-item-padding-right: var(--space-3);
23233
- --base-menu-item-padding-y: var(--space-1);
23234
- --base-menu-item-height: var(--space-7);
23235
- --sidebar-item-height: var(--base-menu-item-height);
23236
- }
23237
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-3) {
23238
- --base-menu-content-padding: var(--space-3);
23239
- --base-menu-item-padding-left: var(--space-3);
23240
- --base-menu-item-padding-right: var(--space-3);
23241
- --base-menu-item-padding-y: var(--space-2);
23242
- --base-menu-item-height: var(--space-8);
23243
- --sidebar-item-height: var(--base-menu-item-height);
23244
- }
23245
- :is(.rt-SidebarContent:where(.xl\:rt-r-size-1),.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
23059
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
23246
23060
  gap: var(--component-gap-2);
23247
23061
  font-size: var(--font-size-1);
23248
23062
  line-height: var(--line-height-1);
23249
23063
  letter-spacing: var(--letter-spacing-1);
23250
23064
  border-radius: var(--radius-1);
23251
- font-weight: var(--font-weight-regular);
23252
23065
  }
23253
- :is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-1),.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
23254
- width: var(--content-icon-size-2);
23255
- height: var(--content-icon-size-2);
23066
+ :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
23067
+ width: var(--content-icon-size-1);
23068
+ height: var(--content-icon-size-1);
23256
23069
  -ms-flex-negative: 0;
23257
23070
  flex-shrink: 0;
23258
23071
  }
23259
- :is(.rt-SidebarContent:where(.xl\:rt-r-size-1),.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
23072
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
23260
23073
  width: var(--indicator-icon-size-1);
23261
23074
  height: var(--indicator-icon-size-1);
23262
23075
  -ms-flex-negative: 0;
23263
23076
  flex-shrink: 0;
23264
23077
  margin-left: auto;
23265
23078
  }
23266
- :is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
23079
+ .rt-SidebarHeader:where(.xl\:rt-r-size-2),
23080
+ .rt-SidebarFooter:where(.xl\:rt-r-size-2) {
23081
+ --base-menu-content-padding: var(--space-3);
23082
+ --base-menu-item-padding-left: var(--space-3);
23083
+ --base-menu-item-padding-right: var(--space-3);
23084
+ --base-menu-item-padding-y: var(--space-1);
23085
+ --base-menu-item-height: var(--control-height-2);
23086
+ --sidebar-item-height: var(--base-menu-item-height);
23087
+ }
23088
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
23267
23089
  gap: var(--component-gap-3);
23268
23090
  font-size: var(--font-size-2);
23269
23091
  line-height: var(--line-height-2);
23270
23092
  letter-spacing: var(--letter-spacing-2);
23271
23093
  border-radius: var(--radius-2);
23272
- font-weight: var(--font-weight-regular);
23273
23094
  }
23274
- :is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
23275
- width: var(--content-icon-size-3);
23276
- height: var(--content-icon-size-3);
23277
- -ms-flex-negative: 0;
23278
- flex-shrink: 0;
23279
- }
23280
- :is(:is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) .rt-SidebarContent:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23281
- width: var(--content-icon-size-3);
23282
- height: var(--content-icon-size-3);
23095
+ :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
23096
+ width: var(--content-icon-size-2);
23097
+ height: var(--content-icon-size-2);
23283
23098
  -ms-flex-negative: 0;
23284
23099
  flex-shrink: 0;
23285
23100
  }
23286
- :is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
23101
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
23287
23102
  width: var(--indicator-icon-size-2);
23288
23103
  height: var(--indicator-icon-size-2);
23289
23104
  -ms-flex-negative: 0;
23290
23105
  flex-shrink: 0;
23291
23106
  margin-left: auto;
23292
23107
  }
23293
- :is(.rt-SidebarContent:where(.xl\:rt-r-size-3),.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
23294
- gap: var(--component-gap-3);
23108
+ .rt-SidebarHeader:where(.xl\:rt-r-size-3),
23109
+ .rt-SidebarFooter:where(.xl\:rt-r-size-3) {
23110
+ --base-menu-content-padding: var(--space-3);
23111
+ --base-menu-item-padding-left: var(--space-3);
23112
+ --base-menu-item-padding-right: var(--space-3);
23113
+ --base-menu-item-padding-y: var(--space-2);
23114
+ --base-menu-item-height: var(--control-height-3);
23115
+ --sidebar-item-height: var(--base-menu-item-height);
23116
+ }
23117
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
23118
+ gap: var(--component-gap-4);
23295
23119
  font-size: var(--font-size-3);
23296
- line-height: var(--line-height-2);
23297
- letter-spacing: var(--letter-spacing-2);
23120
+ line-height: var(--line-height-3);
23121
+ letter-spacing: var(--letter-spacing-3);
23298
23122
  border-radius: var(--radius-2);
23299
- font-weight: var(--font-weight-regular);
23300
23123
  }
23301
- :is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-3),.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23124
+ :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
23302
23125
  width: var(--content-icon-size-3);
23303
23126
  height: var(--content-icon-size-3);
23304
23127
  -ms-flex-negative: 0;
23305
23128
  flex-shrink: 0;
23306
23129
  }
23307
- :is(.rt-SidebarContent:where(.xl\:rt-r-size-3),.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
23308
- width: var(--indicator-icon-size-2);
23309
- height: var(--indicator-icon-size-2);
23130
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
23131
+ width: var(--indicator-icon-size-3);
23132
+ height: var(--indicator-icon-size-3);
23310
23133
  -ms-flex-negative: 0;
23311
23134
  flex-shrink: 0;
23312
23135
  margin-left: auto;
@@ -23538,15 +23361,15 @@
23538
23361
  }
23539
23362
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23540
23363
  padding: var(--space-2) var(--space-2);
23541
- border-radius: var(--radius-1);
23364
+ border-radius: max(var(--radius-1), var(--radius-full));
23542
23365
  }
23543
23366
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23544
23367
  padding: var(--space-2);
23545
- border-radius: var(--radius-2);
23368
+ border-radius: max(var(--radius-2), var(--radius-full));
23546
23369
  }
23547
23370
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23548
23371
  padding: var(--space-3);
23549
- border-radius: var(--radius-2);
23372
+ border-radius: max(var(--radius-3), var(--radius-full));
23550
23373
  }
23551
23374
  :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23552
23375
  background-color: var(--accent-4);
@@ -25314,7 +25137,7 @@
25314
25137
  font-size: var(--font-size-1);
25315
25138
  line-height: var(--line-height-1);
25316
25139
  letter-spacing: var(--letter-spacing-1);
25317
- --tab-height: var(--space-6);
25140
+ --tab-height: var(--control-height-1);
25318
25141
  --tab-padding-x: var(--space-1);
25319
25142
  --tab-inner-padding-x: var(--space-1);
25320
25143
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25331,7 +25154,7 @@
25331
25154
  font-size: var(--font-size-2);
25332
25155
  line-height: var(--line-height-2);
25333
25156
  letter-spacing: var(--letter-spacing-2);
25334
- --tab-height: var(--space-7);
25157
+ --tab-height: var(--control-height-2);
25335
25158
  --tab-padding-x: var(--space-2);
25336
25159
  --tab-inner-padding-x: var(--space-2);
25337
25160
  --tab-inner-padding-y: var(--space-1);
@@ -25349,7 +25172,7 @@
25349
25172
  font-size: var(--font-size-1);
25350
25173
  line-height: var(--line-height-1);
25351
25174
  letter-spacing: var(--letter-spacing-1);
25352
- --tab-height: var(--space-6);
25175
+ --tab-height: var(--control-height-1);
25353
25176
  --tab-padding-x: var(--space-1);
25354
25177
  --tab-inner-padding-x: var(--space-1);
25355
25178
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25366,7 +25189,7 @@
25366
25189
  font-size: var(--font-size-2);
25367
25190
  line-height: var(--line-height-2);
25368
25191
  letter-spacing: var(--letter-spacing-2);
25369
- --tab-height: var(--space-7);
25192
+ --tab-height: var(--control-height-2);
25370
25193
  --tab-padding-x: var(--space-2);
25371
25194
  --tab-inner-padding-x: var(--space-2);
25372
25195
  --tab-inner-padding-y: var(--space-1);
@@ -25385,7 +25208,7 @@
25385
25208
  font-size: var(--font-size-1);
25386
25209
  line-height: var(--line-height-1);
25387
25210
  letter-spacing: var(--letter-spacing-1);
25388
- --tab-height: var(--space-6);
25211
+ --tab-height: var(--control-height-1);
25389
25212
  --tab-padding-x: var(--space-1);
25390
25213
  --tab-inner-padding-x: var(--space-1);
25391
25214
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25402,7 +25225,7 @@
25402
25225
  font-size: var(--font-size-2);
25403
25226
  line-height: var(--line-height-2);
25404
25227
  letter-spacing: var(--letter-spacing-2);
25405
- --tab-height: var(--space-7);
25228
+ --tab-height: var(--control-height-2);
25406
25229
  --tab-padding-x: var(--space-2);
25407
25230
  --tab-inner-padding-x: var(--space-2);
25408
25231
  --tab-inner-padding-y: var(--space-1);
@@ -25421,7 +25244,7 @@
25421
25244
  font-size: var(--font-size-1);
25422
25245
  line-height: var(--line-height-1);
25423
25246
  letter-spacing: var(--letter-spacing-1);
25424
- --tab-height: var(--space-6);
25247
+ --tab-height: var(--control-height-1);
25425
25248
  --tab-padding-x: var(--space-1);
25426
25249
  --tab-inner-padding-x: var(--space-1);
25427
25250
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25438,7 +25261,7 @@
25438
25261
  font-size: var(--font-size-2);
25439
25262
  line-height: var(--line-height-2);
25440
25263
  letter-spacing: var(--letter-spacing-2);
25441
- --tab-height: var(--space-7);
25264
+ --tab-height: var(--control-height-2);
25442
25265
  --tab-padding-x: var(--space-2);
25443
25266
  --tab-inner-padding-x: var(--space-2);
25444
25267
  --tab-inner-padding-y: var(--space-1);
@@ -25457,7 +25280,7 @@
25457
25280
  font-size: var(--font-size-1);
25458
25281
  line-height: var(--line-height-1);
25459
25282
  letter-spacing: var(--letter-spacing-1);
25460
- --tab-height: var(--space-6);
25283
+ --tab-height: var(--control-height-1);
25461
25284
  --tab-padding-x: var(--space-1);
25462
25285
  --tab-inner-padding-x: var(--space-1);
25463
25286
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25474,7 +25297,7 @@
25474
25297
  font-size: var(--font-size-2);
25475
25298
  line-height: var(--line-height-2);
25476
25299
  letter-spacing: var(--letter-spacing-2);
25477
- --tab-height: var(--space-7);
25300
+ --tab-height: var(--control-height-2);
25478
25301
  --tab-padding-x: var(--space-2);
25479
25302
  --tab-inner-padding-x: var(--space-2);
25480
25303
  --tab-inner-padding-y: var(--space-1);
@@ -25493,7 +25316,7 @@
25493
25316
  font-size: var(--font-size-1);
25494
25317
  line-height: var(--line-height-1);
25495
25318
  letter-spacing: var(--letter-spacing-1);
25496
- --tab-height: var(--space-6);
25319
+ --tab-height: var(--control-height-1);
25497
25320
  --tab-padding-x: var(--space-1);
25498
25321
  --tab-inner-padding-x: var(--space-1);
25499
25322
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25510,7 +25333,7 @@
25510
25333
  font-size: var(--font-size-2);
25511
25334
  line-height: var(--line-height-2);
25512
25335
  letter-spacing: var(--letter-spacing-2);
25513
- --tab-height: var(--space-7);
25336
+ --tab-height: var(--control-height-2);
25514
25337
  --tab-padding-x: var(--space-2);
25515
25338
  --tab-inner-padding-x: var(--space-2);
25516
25339
  --tab-inner-padding-y: var(--space-1);
@@ -26884,25 +26707,25 @@
26884
26707
  min-width: var(--toolbar-control-height);
26885
26708
  }
26886
26709
  .rt-Toolbar:where(.rt-r-size-1) {
26887
- --toolbar-control-height: var(--space-5);
26710
+ --toolbar-control-height: var(--control-height-1);
26888
26711
  --toolbar-radius: max(var(--radius-1), var(--radius-full));
26889
26712
  --toolbar-gap: var(--space-1);
26890
26713
  --toolbar-title-gap: var(--space-2);
26891
26714
  }
26892
26715
  .rt-Toolbar:where(.rt-r-size-2) {
26893
- --toolbar-control-height: var(--space-6);
26716
+ --toolbar-control-height: var(--control-height-2);
26894
26717
  --toolbar-radius: max(var(--radius-2), var(--radius-full));
26895
26718
  --toolbar-gap: var(--space-2);
26896
26719
  --toolbar-title-gap: var(--space-3);
26897
26720
  }
26898
26721
  .rt-Toolbar:where(.rt-r-size-3) {
26899
- --toolbar-control-height: var(--space-7);
26722
+ --toolbar-control-height: var(--control-height-3);
26900
26723
  --toolbar-radius: max(var(--radius-3), var(--radius-full));
26901
26724
  --toolbar-gap: var(--space-2);
26902
26725
  --toolbar-title-gap: var(--space-4);
26903
26726
  }
26904
26727
  .rt-Toolbar:where(.rt-r-size-4) {
26905
- --toolbar-control-height: var(--space-8);
26728
+ --toolbar-control-height: var(--control-height-4);
26906
26729
  --toolbar-radius: max(var(--radius-4), var(--radius-full));
26907
26730
  --toolbar-gap: var(--space-3);
26908
26731
  --toolbar-title-gap: var(--space-5);