@kushagradhawan/kookie-ui 0.13.0 → 0.13.1

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 +411 -592
  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 +41 -97
  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 +415 -592
  15. package/tokens/base.css +4 -0
  16. package/tokens.css +4 -0
package/components.css CHANGED
@@ -3813,108 +3813,108 @@
3813
3813
  width: 100%;
3814
3814
  }
3815
3815
  .rt-BaseButton:where(.rt-r-size-1) {
3816
- --base-button-height: var(--space-5);
3816
+ --base-button-height: var(--control-height-1);
3817
3817
  border-radius: max(var(--radius-1), var(--radius-full));
3818
3818
  }
3819
3819
  .rt-BaseButton:where(.rt-r-size-2) {
3820
- --base-button-height: var(--space-6);
3820
+ --base-button-height: var(--control-height-2);
3821
3821
  border-radius: max(var(--radius-2), var(--radius-full));
3822
3822
  }
3823
3823
  .rt-BaseButton:where(.rt-r-size-3) {
3824
- --base-button-height: var(--space-7);
3824
+ --base-button-height: var(--control-height-3);
3825
3825
  border-radius: max(var(--radius-3), var(--radius-full));
3826
3826
  }
3827
3827
  .rt-BaseButton:where(.rt-r-size-4) {
3828
- --base-button-height: var(--space-8);
3828
+ --base-button-height: var(--control-height-4);
3829
3829
  border-radius: max(var(--radius-4), var(--radius-full));
3830
3830
  }
3831
3831
  @media (min-width: 520px) {
3832
3832
  .rt-BaseButton:where(.xs\:rt-r-size-1) {
3833
- --base-button-height: var(--space-5);
3833
+ --base-button-height: var(--control-height-1);
3834
3834
  border-radius: max(var(--radius-1), var(--radius-full));
3835
3835
  }
3836
3836
  .rt-BaseButton:where(.xs\:rt-r-size-2) {
3837
- --base-button-height: var(--space-6);
3837
+ --base-button-height: var(--control-height-2);
3838
3838
  border-radius: max(var(--radius-2), var(--radius-full));
3839
3839
  }
3840
3840
  .rt-BaseButton:where(.xs\:rt-r-size-3) {
3841
- --base-button-height: var(--space-7);
3841
+ --base-button-height: var(--control-height-3);
3842
3842
  border-radius: max(var(--radius-3), var(--radius-full));
3843
3843
  }
3844
3844
  .rt-BaseButton:where(.xs\:rt-r-size-4) {
3845
- --base-button-height: var(--space-8);
3845
+ --base-button-height: var(--control-height-4);
3846
3846
  border-radius: max(var(--radius-4), var(--radius-full));
3847
3847
  }
3848
3848
  }
3849
3849
  @media (min-width: 768px) {
3850
3850
  .rt-BaseButton:where(.sm\:rt-r-size-1) {
3851
- --base-button-height: var(--space-5);
3851
+ --base-button-height: var(--control-height-1);
3852
3852
  border-radius: max(var(--radius-1), var(--radius-full));
3853
3853
  }
3854
3854
  .rt-BaseButton:where(.sm\:rt-r-size-2) {
3855
- --base-button-height: var(--space-6);
3855
+ --base-button-height: var(--control-height-2);
3856
3856
  border-radius: max(var(--radius-2), var(--radius-full));
3857
3857
  }
3858
3858
  .rt-BaseButton:where(.sm\:rt-r-size-3) {
3859
- --base-button-height: var(--space-7);
3859
+ --base-button-height: var(--control-height-3);
3860
3860
  border-radius: max(var(--radius-3), var(--radius-full));
3861
3861
  }
3862
3862
  .rt-BaseButton:where(.sm\:rt-r-size-4) {
3863
- --base-button-height: var(--space-8);
3863
+ --base-button-height: var(--control-height-4);
3864
3864
  border-radius: max(var(--radius-4), var(--radius-full));
3865
3865
  }
3866
3866
  }
3867
3867
  @media (min-width: 1024px) {
3868
3868
  .rt-BaseButton:where(.md\:rt-r-size-1) {
3869
- --base-button-height: var(--space-5);
3869
+ --base-button-height: var(--control-height-1);
3870
3870
  border-radius: max(var(--radius-1), var(--radius-full));
3871
3871
  }
3872
3872
  .rt-BaseButton:where(.md\:rt-r-size-2) {
3873
- --base-button-height: var(--space-6);
3873
+ --base-button-height: var(--control-height-2);
3874
3874
  border-radius: max(var(--radius-2), var(--radius-full));
3875
3875
  }
3876
3876
  .rt-BaseButton:where(.md\:rt-r-size-3) {
3877
- --base-button-height: var(--space-7);
3877
+ --base-button-height: var(--control-height-3);
3878
3878
  border-radius: max(var(--radius-3), var(--radius-full));
3879
3879
  }
3880
3880
  .rt-BaseButton:where(.md\:rt-r-size-4) {
3881
- --base-button-height: var(--space-8);
3881
+ --base-button-height: var(--control-height-4);
3882
3882
  border-radius: max(var(--radius-4), var(--radius-full));
3883
3883
  }
3884
3884
  }
3885
3885
  @media (min-width: 1280px) {
3886
3886
  .rt-BaseButton:where(.lg\:rt-r-size-1) {
3887
- --base-button-height: var(--space-5);
3887
+ --base-button-height: var(--control-height-1);
3888
3888
  border-radius: max(var(--radius-1), var(--radius-full));
3889
3889
  }
3890
3890
  .rt-BaseButton:where(.lg\:rt-r-size-2) {
3891
- --base-button-height: var(--space-6);
3891
+ --base-button-height: var(--control-height-2);
3892
3892
  border-radius: max(var(--radius-2), var(--radius-full));
3893
3893
  }
3894
3894
  .rt-BaseButton:where(.lg\:rt-r-size-3) {
3895
- --base-button-height: var(--space-7);
3895
+ --base-button-height: var(--control-height-3);
3896
3896
  border-radius: max(var(--radius-3), var(--radius-full));
3897
3897
  }
3898
3898
  .rt-BaseButton:where(.lg\:rt-r-size-4) {
3899
- --base-button-height: var(--space-8);
3899
+ --base-button-height: var(--control-height-4);
3900
3900
  border-radius: max(var(--radius-4), var(--radius-full));
3901
3901
  }
3902
3902
  }
3903
3903
  @media (min-width: 1640px) {
3904
3904
  .rt-BaseButton:where(.xl\:rt-r-size-1) {
3905
- --base-button-height: var(--space-5);
3905
+ --base-button-height: var(--control-height-1);
3906
3906
  border-radius: max(var(--radius-1), var(--radius-full));
3907
3907
  }
3908
3908
  .rt-BaseButton:where(.xl\:rt-r-size-2) {
3909
- --base-button-height: var(--space-6);
3909
+ --base-button-height: var(--control-height-2);
3910
3910
  border-radius: max(var(--radius-2), var(--radius-full));
3911
3911
  }
3912
3912
  .rt-BaseButton:where(.xl\:rt-r-size-3) {
3913
- --base-button-height: var(--space-7);
3913
+ --base-button-height: var(--control-height-3);
3914
3914
  border-radius: max(var(--radius-3), var(--radius-full));
3915
3915
  }
3916
3916
  .rt-BaseButton:where(.xl\:rt-r-size-4) {
3917
- --base-button-height: var(--space-8);
3917
+ --base-button-height: var(--control-height-4);
3918
3918
  border-radius: max(var(--radius-4), var(--radius-full));
3919
3919
  }
3920
3920
  }
@@ -7218,7 +7218,7 @@
7218
7218
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7219
7219
  --base-menu-item-padding-right: var(--space-2);
7220
7220
  --base-menu-item-padding-y: var(--space-1);
7221
- --base-menu-item-height: var(--space-5);
7221
+ --base-menu-item-height: var(--control-height-1);
7222
7222
  border-radius: var(--radius-surface-3);
7223
7223
  }
7224
7224
  .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -7251,7 +7251,7 @@
7251
7251
  --base-menu-item-padding-left-indicator: var(--space-5);
7252
7252
  --base-menu-item-padding-right: var(--space-3);
7253
7253
  --base-menu-item-padding-y: var(--space-1);
7254
- --base-menu-item-height: var(--space-6);
7254
+ --base-menu-item-height: var(--control-height-2);
7255
7255
  border-radius: var(--radius-surface-5);
7256
7256
  }
7257
7257
  .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -7284,7 +7284,7 @@
7284
7284
  --base-menu-item-padding-left-indicator: var(--space-5);
7285
7285
  --base-menu-item-padding-right: var(--space-3);
7286
7286
  --base-menu-item-padding-y: var(--space-2);
7287
- --base-menu-item-height: var(--space-7);
7287
+ --base-menu-item-height: var(--control-height-3);
7288
7288
  border-radius: var(--radius-surface-6);
7289
7289
  }
7290
7290
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -7318,7 +7318,7 @@
7318
7318
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7319
7319
  --base-menu-item-padding-right: var(--space-2);
7320
7320
  --base-menu-item-padding-y: var(--space-1);
7321
- --base-menu-item-height: var(--space-5);
7321
+ --base-menu-item-height: var(--control-height-1);
7322
7322
  border-radius: var(--radius-surface-3);
7323
7323
  }
7324
7324
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -7351,7 +7351,7 @@
7351
7351
  --base-menu-item-padding-left-indicator: var(--space-5);
7352
7352
  --base-menu-item-padding-right: var(--space-3);
7353
7353
  --base-menu-item-padding-y: var(--space-1);
7354
- --base-menu-item-height: var(--space-6);
7354
+ --base-menu-item-height: var(--control-height-2);
7355
7355
  border-radius: var(--radius-surface-5);
7356
7356
  }
7357
7357
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -7384,7 +7384,7 @@
7384
7384
  --base-menu-item-padding-left-indicator: var(--space-5);
7385
7385
  --base-menu-item-padding-right: var(--space-3);
7386
7386
  --base-menu-item-padding-y: var(--space-2);
7387
- --base-menu-item-height: var(--space-7);
7387
+ --base-menu-item-height: var(--control-height-3);
7388
7388
  border-radius: var(--radius-surface-6);
7389
7389
  }
7390
7390
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -7419,7 +7419,7 @@
7419
7419
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7420
7420
  --base-menu-item-padding-right: var(--space-2);
7421
7421
  --base-menu-item-padding-y: var(--space-1);
7422
- --base-menu-item-height: var(--space-5);
7422
+ --base-menu-item-height: var(--control-height-1);
7423
7423
  border-radius: var(--radius-surface-3);
7424
7424
  }
7425
7425
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -7452,7 +7452,7 @@
7452
7452
  --base-menu-item-padding-left-indicator: var(--space-5);
7453
7453
  --base-menu-item-padding-right: var(--space-3);
7454
7454
  --base-menu-item-padding-y: var(--space-1);
7455
- --base-menu-item-height: var(--space-6);
7455
+ --base-menu-item-height: var(--control-height-2);
7456
7456
  border-radius: var(--radius-surface-5);
7457
7457
  }
7458
7458
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -7485,7 +7485,7 @@
7485
7485
  --base-menu-item-padding-left-indicator: var(--space-5);
7486
7486
  --base-menu-item-padding-right: var(--space-3);
7487
7487
  --base-menu-item-padding-y: var(--space-2);
7488
- --base-menu-item-height: var(--space-7);
7488
+ --base-menu-item-height: var(--control-height-3);
7489
7489
  border-radius: var(--radius-surface-6);
7490
7490
  }
7491
7491
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -7520,7 +7520,7 @@
7520
7520
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7521
7521
  --base-menu-item-padding-right: var(--space-2);
7522
7522
  --base-menu-item-padding-y: var(--space-1);
7523
- --base-menu-item-height: var(--space-5);
7523
+ --base-menu-item-height: var(--control-height-1);
7524
7524
  border-radius: var(--radius-surface-3);
7525
7525
  }
7526
7526
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -7553,7 +7553,7 @@
7553
7553
  --base-menu-item-padding-left-indicator: var(--space-5);
7554
7554
  --base-menu-item-padding-right: var(--space-3);
7555
7555
  --base-menu-item-padding-y: var(--space-1);
7556
- --base-menu-item-height: var(--space-6);
7556
+ --base-menu-item-height: var(--control-height-2);
7557
7557
  border-radius: var(--radius-surface-5);
7558
7558
  }
7559
7559
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -7586,7 +7586,7 @@
7586
7586
  --base-menu-item-padding-left-indicator: var(--space-5);
7587
7587
  --base-menu-item-padding-right: var(--space-3);
7588
7588
  --base-menu-item-padding-y: var(--space-2);
7589
- --base-menu-item-height: var(--space-7);
7589
+ --base-menu-item-height: var(--control-height-3);
7590
7590
  border-radius: var(--radius-surface-6);
7591
7591
  }
7592
7592
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -7621,7 +7621,7 @@
7621
7621
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7622
7622
  --base-menu-item-padding-right: var(--space-2);
7623
7623
  --base-menu-item-padding-y: var(--space-1);
7624
- --base-menu-item-height: var(--space-5);
7624
+ --base-menu-item-height: var(--control-height-1);
7625
7625
  border-radius: var(--radius-surface-3);
7626
7626
  }
7627
7627
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -7654,7 +7654,7 @@
7654
7654
  --base-menu-item-padding-left-indicator: var(--space-5);
7655
7655
  --base-menu-item-padding-right: var(--space-3);
7656
7656
  --base-menu-item-padding-y: var(--space-1);
7657
- --base-menu-item-height: var(--space-6);
7657
+ --base-menu-item-height: var(--control-height-2);
7658
7658
  border-radius: var(--radius-surface-5);
7659
7659
  }
7660
7660
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -7687,7 +7687,7 @@
7687
7687
  --base-menu-item-padding-left-indicator: var(--space-5);
7688
7688
  --base-menu-item-padding-right: var(--space-3);
7689
7689
  --base-menu-item-padding-y: var(--space-2);
7690
- --base-menu-item-height: var(--space-7);
7690
+ --base-menu-item-height: var(--control-height-3);
7691
7691
  border-radius: var(--radius-surface-6);
7692
7692
  }
7693
7693
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -7722,7 +7722,7 @@
7722
7722
  --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7723
7723
  --base-menu-item-padding-right: var(--space-2);
7724
7724
  --base-menu-item-padding-y: var(--space-1);
7725
- --base-menu-item-height: var(--space-5);
7725
+ --base-menu-item-height: var(--control-height-1);
7726
7726
  border-radius: var(--radius-surface-3);
7727
7727
  }
7728
7728
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -7755,7 +7755,7 @@
7755
7755
  --base-menu-item-padding-left-indicator: var(--space-5);
7756
7756
  --base-menu-item-padding-right: var(--space-3);
7757
7757
  --base-menu-item-padding-y: var(--space-1);
7758
- --base-menu-item-height: var(--space-6);
7758
+ --base-menu-item-height: var(--control-height-2);
7759
7759
  border-radius: var(--radius-surface-5);
7760
7760
  }
7761
7761
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -7788,7 +7788,7 @@
7788
7788
  --base-menu-item-padding-left-indicator: var(--space-5);
7789
7789
  --base-menu-item-padding-right: var(--space-3);
7790
7790
  --base-menu-item-padding-y: var(--space-2);
7791
- --base-menu-item-height: var(--space-7);
7791
+ --base-menu-item-height: var(--control-height-3);
7792
7792
  border-radius: var(--radius-surface-6);
7793
7793
  }
7794
7794
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -8937,7 +8937,7 @@
8937
8937
  border-bottom-right-radius: 0;
8938
8938
  }
8939
8939
  .rt-TextFieldRoot:where(.rt-r-size-1) {
8940
- --text-field-height: var(--space-5);
8940
+ --text-field-height: var(--control-height-1);
8941
8941
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
8942
8942
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
8943
8943
  --text-field-native-icon-size: var(--space-3);
@@ -8963,7 +8963,7 @@
8963
8963
  margin-right: -2px;
8964
8964
  }
8965
8965
  .rt-TextFieldRoot:where(.rt-r-size-2) {
8966
- --text-field-height: var(--space-6);
8966
+ --text-field-height: var(--control-height-2);
8967
8967
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
8968
8968
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
8969
8969
  --text-field-native-icon-size: var(--space-4);
@@ -8989,7 +8989,7 @@
8989
8989
  flex-shrink: 0;
8990
8990
  }
8991
8991
  .rt-TextFieldRoot:where(.rt-r-size-3) {
8992
- --text-field-height: var(--space-7);
8992
+ --text-field-height: var(--control-height-3);
8993
8993
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
8994
8994
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
8995
8995
  --text-field-native-icon-size: var(--space-4);
@@ -9016,7 +9016,7 @@
9016
9016
  }
9017
9017
  @media (min-width: 520px) {
9018
9018
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
9019
- --text-field-height: var(--space-5);
9019
+ --text-field-height: var(--control-height-1);
9020
9020
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9021
9021
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9022
9022
  --text-field-native-icon-size: var(--space-3);
@@ -9042,7 +9042,7 @@
9042
9042
  margin-right: -2px;
9043
9043
  }
9044
9044
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) {
9045
- --text-field-height: var(--space-6);
9045
+ --text-field-height: var(--control-height-2);
9046
9046
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9047
9047
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9048
9048
  --text-field-native-icon-size: var(--space-4);
@@ -9068,7 +9068,7 @@
9068
9068
  flex-shrink: 0;
9069
9069
  }
9070
9070
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) {
9071
- --text-field-height: var(--space-7);
9071
+ --text-field-height: var(--control-height-3);
9072
9072
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9073
9073
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9074
9074
  --text-field-native-icon-size: var(--space-4);
@@ -9096,7 +9096,7 @@
9096
9096
  }
9097
9097
  @media (min-width: 768px) {
9098
9098
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
9099
- --text-field-height: var(--space-5);
9099
+ --text-field-height: var(--control-height-1);
9100
9100
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9101
9101
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9102
9102
  --text-field-native-icon-size: var(--space-3);
@@ -9122,7 +9122,7 @@
9122
9122
  margin-right: -2px;
9123
9123
  }
9124
9124
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) {
9125
- --text-field-height: var(--space-6);
9125
+ --text-field-height: var(--control-height-2);
9126
9126
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9127
9127
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9128
9128
  --text-field-native-icon-size: var(--space-4);
@@ -9148,7 +9148,7 @@
9148
9148
  flex-shrink: 0;
9149
9149
  }
9150
9150
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) {
9151
- --text-field-height: var(--space-7);
9151
+ --text-field-height: var(--control-height-3);
9152
9152
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9153
9153
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9154
9154
  --text-field-native-icon-size: var(--space-4);
@@ -9176,7 +9176,7 @@
9176
9176
  }
9177
9177
  @media (min-width: 1024px) {
9178
9178
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
9179
- --text-field-height: var(--space-5);
9179
+ --text-field-height: var(--control-height-1);
9180
9180
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9181
9181
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9182
9182
  --text-field-native-icon-size: var(--space-3);
@@ -9202,7 +9202,7 @@
9202
9202
  margin-right: -2px;
9203
9203
  }
9204
9204
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) {
9205
- --text-field-height: var(--space-6);
9205
+ --text-field-height: var(--control-height-2);
9206
9206
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9207
9207
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9208
9208
  --text-field-native-icon-size: var(--space-4);
@@ -9228,7 +9228,7 @@
9228
9228
  flex-shrink: 0;
9229
9229
  }
9230
9230
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) {
9231
- --text-field-height: var(--space-7);
9231
+ --text-field-height: var(--control-height-3);
9232
9232
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9233
9233
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9234
9234
  --text-field-native-icon-size: var(--space-4);
@@ -9256,7 +9256,7 @@
9256
9256
  }
9257
9257
  @media (min-width: 1280px) {
9258
9258
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
9259
- --text-field-height: var(--space-5);
9259
+ --text-field-height: var(--control-height-1);
9260
9260
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9261
9261
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9262
9262
  --text-field-native-icon-size: var(--space-3);
@@ -9282,7 +9282,7 @@
9282
9282
  margin-right: -2px;
9283
9283
  }
9284
9284
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) {
9285
- --text-field-height: var(--space-6);
9285
+ --text-field-height: var(--control-height-2);
9286
9286
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9287
9287
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9288
9288
  --text-field-native-icon-size: var(--space-4);
@@ -9308,7 +9308,7 @@
9308
9308
  flex-shrink: 0;
9309
9309
  }
9310
9310
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) {
9311
- --text-field-height: var(--space-7);
9311
+ --text-field-height: var(--control-height-3);
9312
9312
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9313
9313
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9314
9314
  --text-field-native-icon-size: var(--space-4);
@@ -9336,7 +9336,7 @@
9336
9336
  }
9337
9337
  @media (min-width: 1640px) {
9338
9338
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
9339
- --text-field-height: var(--space-5);
9339
+ --text-field-height: var(--control-height-1);
9340
9340
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9341
9341
  --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9342
9342
  --text-field-native-icon-size: var(--space-3);
@@ -9362,7 +9362,7 @@
9362
9362
  margin-right: -2px;
9363
9363
  }
9364
9364
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) {
9365
- --text-field-height: var(--space-6);
9365
+ --text-field-height: var(--control-height-2);
9366
9366
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9367
9367
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9368
9368
  --text-field-native-icon-size: var(--space-4);
@@ -9388,7 +9388,7 @@
9388
9388
  flex-shrink: 0;
9389
9389
  }
9390
9390
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) {
9391
- --text-field-height: var(--space-7);
9391
+ --text-field-height: var(--control-height-3);
9392
9392
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9393
9393
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9394
9394
  --text-field-native-icon-size: var(--space-4);
@@ -14250,7 +14250,7 @@
14250
14250
  }
14251
14251
  .rt-SegmentedControlRoot:where(.rt-r-size-1) {
14252
14252
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14253
- --segmented-control-height: var(--space-5);
14253
+ --segmented-control-height: var(--control-height-1);
14254
14254
  height: var(--segmented-control-height);
14255
14255
  }
14256
14256
  .rt-SegmentedControlRoot:where(.rt-r-size-1):where(.rt-r-orientation-vertical) {
@@ -14273,7 +14273,7 @@
14273
14273
  }
14274
14274
  .rt-SegmentedControlRoot:where(.rt-r-size-2) {
14275
14275
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14276
- --segmented-control-height: var(--space-6);
14276
+ --segmented-control-height: var(--control-height-2);
14277
14277
  height: var(--segmented-control-height);
14278
14278
  }
14279
14279
  .rt-SegmentedControlRoot:where(.rt-r-size-2):where(.rt-r-orientation-vertical) {
@@ -14296,7 +14296,7 @@
14296
14296
  }
14297
14297
  .rt-SegmentedControlRoot:where(.rt-r-size-3) {
14298
14298
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14299
- --segmented-control-height: var(--space-7);
14299
+ --segmented-control-height: var(--control-height-3);
14300
14300
  height: var(--segmented-control-height);
14301
14301
  }
14302
14302
  .rt-SegmentedControlRoot:where(.rt-r-size-3):where(.rt-r-orientation-vertical) {
@@ -14319,7 +14319,7 @@
14319
14319
  }
14320
14320
  .rt-SegmentedControlRoot:where(.rt-r-size-4) {
14321
14321
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14322
- --segmented-control-height: var(--space-8);
14322
+ --segmented-control-height: var(--control-height-4);
14323
14323
  height: var(--segmented-control-height);
14324
14324
  }
14325
14325
  .rt-SegmentedControlRoot:where(.rt-r-size-4):where(.rt-r-orientation-vertical) {
@@ -14356,7 +14356,7 @@
14356
14356
  }
14357
14357
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
14358
14358
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14359
- --segmented-control-height: var(--space-5);
14359
+ --segmented-control-height: var(--control-height-1);
14360
14360
  height: var(--segmented-control-height);
14361
14361
  }
14362
14362
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1):where(.xs\:rt-r-orientation-vertical) {
@@ -14379,7 +14379,7 @@
14379
14379
  }
14380
14380
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
14381
14381
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14382
- --segmented-control-height: var(--space-6);
14382
+ --segmented-control-height: var(--control-height-2);
14383
14383
  height: var(--segmented-control-height);
14384
14384
  }
14385
14385
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2):where(.xs\:rt-r-orientation-vertical) {
@@ -14402,7 +14402,7 @@
14402
14402
  }
14403
14403
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
14404
14404
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14405
- --segmented-control-height: var(--space-7);
14405
+ --segmented-control-height: var(--control-height-3);
14406
14406
  height: var(--segmented-control-height);
14407
14407
  }
14408
14408
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3):where(.xs\:rt-r-orientation-vertical) {
@@ -14425,7 +14425,7 @@
14425
14425
  }
14426
14426
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4) {
14427
14427
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14428
- --segmented-control-height: var(--space-8);
14428
+ --segmented-control-height: var(--control-height-4);
14429
14429
  height: var(--segmented-control-height);
14430
14430
  }
14431
14431
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4):where(.xs\:rt-r-orientation-vertical) {
@@ -14463,7 +14463,7 @@
14463
14463
  }
14464
14464
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
14465
14465
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14466
- --segmented-control-height: var(--space-5);
14466
+ --segmented-control-height: var(--control-height-1);
14467
14467
  height: var(--segmented-control-height);
14468
14468
  }
14469
14469
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1):where(.sm\:rt-r-orientation-vertical) {
@@ -14486,7 +14486,7 @@
14486
14486
  }
14487
14487
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
14488
14488
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14489
- --segmented-control-height: var(--space-6);
14489
+ --segmented-control-height: var(--control-height-2);
14490
14490
  height: var(--segmented-control-height);
14491
14491
  }
14492
14492
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2):where(.sm\:rt-r-orientation-vertical) {
@@ -14509,7 +14509,7 @@
14509
14509
  }
14510
14510
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
14511
14511
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14512
- --segmented-control-height: var(--space-7);
14512
+ --segmented-control-height: var(--control-height-3);
14513
14513
  height: var(--segmented-control-height);
14514
14514
  }
14515
14515
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3):where(.sm\:rt-r-orientation-vertical) {
@@ -14532,7 +14532,7 @@
14532
14532
  }
14533
14533
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4) {
14534
14534
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14535
- --segmented-control-height: var(--space-8);
14535
+ --segmented-control-height: var(--control-height-4);
14536
14536
  height: var(--segmented-control-height);
14537
14537
  }
14538
14538
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4):where(.sm\:rt-r-orientation-vertical) {
@@ -14570,7 +14570,7 @@
14570
14570
  }
14571
14571
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
14572
14572
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14573
- --segmented-control-height: var(--space-5);
14573
+ --segmented-control-height: var(--control-height-1);
14574
14574
  height: var(--segmented-control-height);
14575
14575
  }
14576
14576
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1):where(.md\:rt-r-orientation-vertical) {
@@ -14593,7 +14593,7 @@
14593
14593
  }
14594
14594
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
14595
14595
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14596
- --segmented-control-height: var(--space-6);
14596
+ --segmented-control-height: var(--control-height-2);
14597
14597
  height: var(--segmented-control-height);
14598
14598
  }
14599
14599
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2):where(.md\:rt-r-orientation-vertical) {
@@ -14616,7 +14616,7 @@
14616
14616
  }
14617
14617
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
14618
14618
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14619
- --segmented-control-height: var(--space-7);
14619
+ --segmented-control-height: var(--control-height-3);
14620
14620
  height: var(--segmented-control-height);
14621
14621
  }
14622
14622
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3):where(.md\:rt-r-orientation-vertical) {
@@ -14639,7 +14639,7 @@
14639
14639
  }
14640
14640
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-4) {
14641
14641
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14642
- --segmented-control-height: var(--space-8);
14642
+ --segmented-control-height: var(--control-height-4);
14643
14643
  height: var(--segmented-control-height);
14644
14644
  }
14645
14645
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-4):where(.md\:rt-r-orientation-vertical) {
@@ -14677,7 +14677,7 @@
14677
14677
  }
14678
14678
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
14679
14679
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14680
- --segmented-control-height: var(--space-5);
14680
+ --segmented-control-height: var(--control-height-1);
14681
14681
  height: var(--segmented-control-height);
14682
14682
  }
14683
14683
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1):where(.lg\:rt-r-orientation-vertical) {
@@ -14700,7 +14700,7 @@
14700
14700
  }
14701
14701
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
14702
14702
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14703
- --segmented-control-height: var(--space-6);
14703
+ --segmented-control-height: var(--control-height-2);
14704
14704
  height: var(--segmented-control-height);
14705
14705
  }
14706
14706
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2):where(.lg\:rt-r-orientation-vertical) {
@@ -14723,7 +14723,7 @@
14723
14723
  }
14724
14724
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
14725
14725
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14726
- --segmented-control-height: var(--space-7);
14726
+ --segmented-control-height: var(--control-height-3);
14727
14727
  height: var(--segmented-control-height);
14728
14728
  }
14729
14729
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3):where(.lg\:rt-r-orientation-vertical) {
@@ -14746,7 +14746,7 @@
14746
14746
  }
14747
14747
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4) {
14748
14748
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14749
- --segmented-control-height: var(--space-8);
14749
+ --segmented-control-height: var(--control-height-4);
14750
14750
  height: var(--segmented-control-height);
14751
14751
  }
14752
14752
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4):where(.lg\:rt-r-orientation-vertical) {
@@ -14784,7 +14784,7 @@
14784
14784
  }
14785
14785
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
14786
14786
  --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14787
- --segmented-control-height: var(--space-5);
14787
+ --segmented-control-height: var(--control-height-1);
14788
14788
  height: var(--segmented-control-height);
14789
14789
  }
14790
14790
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1):where(.xl\:rt-r-orientation-vertical) {
@@ -14807,7 +14807,7 @@
14807
14807
  }
14808
14808
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
14809
14809
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14810
- --segmented-control-height: var(--space-6);
14810
+ --segmented-control-height: var(--control-height-2);
14811
14811
  height: var(--segmented-control-height);
14812
14812
  }
14813
14813
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2):where(.xl\:rt-r-orientation-vertical) {
@@ -14830,7 +14830,7 @@
14830
14830
  }
14831
14831
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
14832
14832
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14833
- --segmented-control-height: var(--space-7);
14833
+ --segmented-control-height: var(--control-height-3);
14834
14834
  height: var(--segmented-control-height);
14835
14835
  }
14836
14836
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3):where(.xl\:rt-r-orientation-vertical) {
@@ -14853,7 +14853,7 @@
14853
14853
  }
14854
14854
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4) {
14855
14855
  --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14856
- --segmented-control-height: var(--space-8);
14856
+ --segmented-control-height: var(--control-height-4);
14857
14857
  height: var(--segmented-control-height);
14858
14858
  }
14859
14859
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4):where(.xl\:rt-r-orientation-vertical) {
@@ -15107,7 +15107,7 @@
15107
15107
  color: var(--accent-ink);
15108
15108
  }
15109
15109
  .rt-SelectTrigger:where(.rt-r-size-1) {
15110
- --select-trigger-height: var(--space-5);
15110
+ --select-trigger-height: var(--control-height-1);
15111
15111
  gap: var(--component-gap-1);
15112
15112
  font-size: var(--font-size-1);
15113
15113
  line-height: var(--line-height-1);
@@ -15127,7 +15127,7 @@
15127
15127
  height: var(--trigger-icon-size-1);
15128
15128
  }
15129
15129
  .rt-SelectTrigger:where(.rt-r-size-2) {
15130
- --select-trigger-height: var(--space-6);
15130
+ --select-trigger-height: var(--control-height-2);
15131
15131
  gap: var(--component-gap-2);
15132
15132
  font-size: var(--font-size-2);
15133
15133
  line-height: var(--line-height-2);
@@ -15147,7 +15147,7 @@
15147
15147
  height: var(--trigger-icon-size-2);
15148
15148
  }
15149
15149
  .rt-SelectTrigger:where(.rt-r-size-3) {
15150
- --select-trigger-height: var(--space-7);
15150
+ --select-trigger-height: var(--control-height-3);
15151
15151
  gap: var(--component-gap-3);
15152
15152
  font-size: var(--font-size-3);
15153
15153
  line-height: var(--line-height-3);
@@ -15168,7 +15168,7 @@
15168
15168
  }
15169
15169
  @media (min-width: 520px) {
15170
15170
  .rt-SelectTrigger:where(.xs\:rt-r-size-1) {
15171
- --select-trigger-height: var(--space-5);
15171
+ --select-trigger-height: var(--control-height-1);
15172
15172
  gap: var(--component-gap-1);
15173
15173
  font-size: var(--font-size-1);
15174
15174
  line-height: var(--line-height-1);
@@ -15188,7 +15188,7 @@
15188
15188
  height: var(--trigger-icon-size-1);
15189
15189
  }
15190
15190
  .rt-SelectTrigger:where(.xs\:rt-r-size-2) {
15191
- --select-trigger-height: var(--space-6);
15191
+ --select-trigger-height: var(--control-height-2);
15192
15192
  gap: var(--component-gap-2);
15193
15193
  font-size: var(--font-size-2);
15194
15194
  line-height: var(--line-height-2);
@@ -15208,7 +15208,7 @@
15208
15208
  height: var(--trigger-icon-size-2);
15209
15209
  }
15210
15210
  .rt-SelectTrigger:where(.xs\:rt-r-size-3) {
15211
- --select-trigger-height: var(--space-7);
15211
+ --select-trigger-height: var(--control-height-3);
15212
15212
  gap: var(--component-gap-3);
15213
15213
  font-size: var(--font-size-3);
15214
15214
  line-height: var(--line-height-3);
@@ -15230,7 +15230,7 @@
15230
15230
  }
15231
15231
  @media (min-width: 768px) {
15232
15232
  .rt-SelectTrigger:where(.sm\:rt-r-size-1) {
15233
- --select-trigger-height: var(--space-5);
15233
+ --select-trigger-height: var(--control-height-1);
15234
15234
  gap: var(--component-gap-1);
15235
15235
  font-size: var(--font-size-1);
15236
15236
  line-height: var(--line-height-1);
@@ -15250,7 +15250,7 @@
15250
15250
  height: var(--trigger-icon-size-1);
15251
15251
  }
15252
15252
  .rt-SelectTrigger:where(.sm\:rt-r-size-2) {
15253
- --select-trigger-height: var(--space-6);
15253
+ --select-trigger-height: var(--control-height-2);
15254
15254
  gap: var(--component-gap-2);
15255
15255
  font-size: var(--font-size-2);
15256
15256
  line-height: var(--line-height-2);
@@ -15270,7 +15270,7 @@
15270
15270
  height: var(--trigger-icon-size-2);
15271
15271
  }
15272
15272
  .rt-SelectTrigger:where(.sm\:rt-r-size-3) {
15273
- --select-trigger-height: var(--space-7);
15273
+ --select-trigger-height: var(--control-height-3);
15274
15274
  gap: var(--component-gap-3);
15275
15275
  font-size: var(--font-size-3);
15276
15276
  line-height: var(--line-height-3);
@@ -15292,7 +15292,7 @@
15292
15292
  }
15293
15293
  @media (min-width: 1024px) {
15294
15294
  .rt-SelectTrigger:where(.md\:rt-r-size-1) {
15295
- --select-trigger-height: var(--space-5);
15295
+ --select-trigger-height: var(--control-height-1);
15296
15296
  gap: var(--component-gap-1);
15297
15297
  font-size: var(--font-size-1);
15298
15298
  line-height: var(--line-height-1);
@@ -15312,7 +15312,7 @@
15312
15312
  height: var(--trigger-icon-size-1);
15313
15313
  }
15314
15314
  .rt-SelectTrigger:where(.md\:rt-r-size-2) {
15315
- --select-trigger-height: var(--space-6);
15315
+ --select-trigger-height: var(--control-height-2);
15316
15316
  gap: var(--component-gap-2);
15317
15317
  font-size: var(--font-size-2);
15318
15318
  line-height: var(--line-height-2);
@@ -15332,7 +15332,7 @@
15332
15332
  height: var(--trigger-icon-size-2);
15333
15333
  }
15334
15334
  .rt-SelectTrigger:where(.md\:rt-r-size-3) {
15335
- --select-trigger-height: var(--space-7);
15335
+ --select-trigger-height: var(--control-height-3);
15336
15336
  gap: var(--component-gap-3);
15337
15337
  font-size: var(--font-size-3);
15338
15338
  line-height: var(--line-height-3);
@@ -15354,7 +15354,7 @@
15354
15354
  }
15355
15355
  @media (min-width: 1280px) {
15356
15356
  .rt-SelectTrigger:where(.lg\:rt-r-size-1) {
15357
- --select-trigger-height: var(--space-5);
15357
+ --select-trigger-height: var(--control-height-1);
15358
15358
  gap: var(--component-gap-1);
15359
15359
  font-size: var(--font-size-1);
15360
15360
  line-height: var(--line-height-1);
@@ -15374,7 +15374,7 @@
15374
15374
  height: var(--trigger-icon-size-1);
15375
15375
  }
15376
15376
  .rt-SelectTrigger:where(.lg\:rt-r-size-2) {
15377
- --select-trigger-height: var(--space-6);
15377
+ --select-trigger-height: var(--control-height-2);
15378
15378
  gap: var(--component-gap-2);
15379
15379
  font-size: var(--font-size-2);
15380
15380
  line-height: var(--line-height-2);
@@ -15394,7 +15394,7 @@
15394
15394
  height: var(--trigger-icon-size-2);
15395
15395
  }
15396
15396
  .rt-SelectTrigger:where(.lg\:rt-r-size-3) {
15397
- --select-trigger-height: var(--space-7);
15397
+ --select-trigger-height: var(--control-height-3);
15398
15398
  gap: var(--component-gap-3);
15399
15399
  font-size: var(--font-size-3);
15400
15400
  line-height: var(--line-height-3);
@@ -15416,7 +15416,7 @@
15416
15416
  }
15417
15417
  @media (min-width: 1640px) {
15418
15418
  .rt-SelectTrigger:where(.xl\:rt-r-size-1) {
15419
- --select-trigger-height: var(--space-5);
15419
+ --select-trigger-height: var(--control-height-1);
15420
15420
  gap: var(--component-gap-1);
15421
15421
  font-size: var(--font-size-1);
15422
15422
  line-height: var(--line-height-1);
@@ -15436,7 +15436,7 @@
15436
15436
  height: var(--trigger-icon-size-1);
15437
15437
  }
15438
15438
  .rt-SelectTrigger:where(.xl\:rt-r-size-2) {
15439
- --select-trigger-height: var(--space-6);
15439
+ --select-trigger-height: var(--control-height-2);
15440
15440
  gap: var(--component-gap-2);
15441
15441
  font-size: var(--font-size-2);
15442
15442
  line-height: var(--line-height-2);
@@ -15456,7 +15456,7 @@
15456
15456
  height: var(--trigger-icon-size-2);
15457
15457
  }
15458
15458
  .rt-SelectTrigger:where(.xl\:rt-r-size-3) {
15459
- --select-trigger-height: var(--space-7);
15459
+ --select-trigger-height: var(--control-height-3);
15460
15460
  gap: var(--component-gap-3);
15461
15461
  font-size: var(--font-size-3);
15462
15462
  line-height: var(--line-height-3);
@@ -15478,7 +15478,7 @@
15478
15478
  }
15479
15479
  .rt-SelectContent:where(.rt-r-size-1) {
15480
15480
  --select-content-padding: var(--space-1);
15481
- --select-item-height: var(--space-5);
15481
+ --select-item-height: var(--control-height-1);
15482
15482
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
15483
15483
  --select-separator-margin-right: var(--space-2);
15484
15484
  border-radius: var(--radius-surface-3);
@@ -15500,7 +15500,6 @@
15500
15500
  }
15501
15501
  .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) {
15502
15502
  --select-content-padding: var(--space-2);
15503
- --select-item-height: var(--space-6);
15504
15503
  --select-item-indicator-width: var(--space-5);
15505
15504
  --select-separator-margin-right: var(--space-3);
15506
15505
  border-radius: var(--radius-surface-4);
@@ -15514,6 +15513,9 @@
15514
15513
  line-height: var(--line-height-2);
15515
15514
  border-radius: var(--radius-2);
15516
15515
  }
15516
+ .rt-SelectContent:where(.rt-r-size-2) {
15517
+ --select-item-height: var(--control-height-2);
15518
+ }
15517
15519
  .rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItem) {
15518
15520
  font-size: var(--font-size-2);
15519
15521
  letter-spacing: var(--letter-spacing-2);
@@ -15522,6 +15524,9 @@
15522
15524
  width: var(--select-indicator-icon-size-2);
15523
15525
  height: var(--select-indicator-icon-size-2);
15524
15526
  }
15527
+ .rt-SelectContent:where(.rt-r-size-3) {
15528
+ --select-item-height: var(--control-height-3);
15529
+ }
15525
15530
  .rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItem) {
15526
15531
  font-size: var(--font-size-3);
15527
15532
  letter-spacing: var(--letter-spacing-3);
@@ -15533,7 +15538,7 @@
15533
15538
  @media (min-width: 520px) {
15534
15539
  .rt-SelectContent:where(.xs\:rt-r-size-1) {
15535
15540
  --select-content-padding: var(--space-1);
15536
- --select-item-height: var(--space-5);
15541
+ --select-item-height: var(--control-height-1);
15537
15542
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
15538
15543
  --select-separator-margin-right: var(--space-2);
15539
15544
  border-radius: var(--radius-surface-3);
@@ -15555,7 +15560,6 @@
15555
15560
  }
15556
15561
  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
15557
15562
  --select-content-padding: var(--space-2);
15558
- --select-item-height: var(--space-6);
15559
15563
  --select-item-indicator-width: var(--space-5);
15560
15564
  --select-separator-margin-right: var(--space-3);
15561
15565
  border-radius: var(--radius-surface-4);
@@ -15569,6 +15573,9 @@
15569
15573
  line-height: var(--line-height-2);
15570
15574
  border-radius: var(--radius-2);
15571
15575
  }
15576
+ .rt-SelectContent:where(.xs\:rt-r-size-2) {
15577
+ --select-item-height: var(--control-height-2);
15578
+ }
15572
15579
  .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItem) {
15573
15580
  font-size: var(--font-size-2);
15574
15581
  letter-spacing: var(--letter-spacing-2);
@@ -15577,6 +15584,9 @@
15577
15584
  width: var(--select-indicator-icon-size-2);
15578
15585
  height: var(--select-indicator-icon-size-2);
15579
15586
  }
15587
+ .rt-SelectContent:where(.xs\:rt-r-size-3) {
15588
+ --select-item-height: var(--control-height-3);
15589
+ }
15580
15590
  .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItem) {
15581
15591
  font-size: var(--font-size-3);
15582
15592
  letter-spacing: var(--letter-spacing-3);
@@ -15589,7 +15599,7 @@
15589
15599
  @media (min-width: 768px) {
15590
15600
  .rt-SelectContent:where(.sm\:rt-r-size-1) {
15591
15601
  --select-content-padding: var(--space-1);
15592
- --select-item-height: var(--space-5);
15602
+ --select-item-height: var(--control-height-1);
15593
15603
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
15594
15604
  --select-separator-margin-right: var(--space-2);
15595
15605
  border-radius: var(--radius-surface-3);
@@ -15611,7 +15621,6 @@
15611
15621
  }
15612
15622
  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
15613
15623
  --select-content-padding: var(--space-2);
15614
- --select-item-height: var(--space-6);
15615
15624
  --select-item-indicator-width: var(--space-5);
15616
15625
  --select-separator-margin-right: var(--space-3);
15617
15626
  border-radius: var(--radius-surface-4);
@@ -15625,6 +15634,9 @@
15625
15634
  line-height: var(--line-height-2);
15626
15635
  border-radius: var(--radius-2);
15627
15636
  }
15637
+ .rt-SelectContent:where(.sm\:rt-r-size-2) {
15638
+ --select-item-height: var(--control-height-2);
15639
+ }
15628
15640
  .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItem) {
15629
15641
  font-size: var(--font-size-2);
15630
15642
  letter-spacing: var(--letter-spacing-2);
@@ -15633,6 +15645,9 @@
15633
15645
  width: var(--select-indicator-icon-size-2);
15634
15646
  height: var(--select-indicator-icon-size-2);
15635
15647
  }
15648
+ .rt-SelectContent:where(.sm\:rt-r-size-3) {
15649
+ --select-item-height: var(--control-height-3);
15650
+ }
15636
15651
  .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItem) {
15637
15652
  font-size: var(--font-size-3);
15638
15653
  letter-spacing: var(--letter-spacing-3);
@@ -15645,7 +15660,7 @@
15645
15660
  @media (min-width: 1024px) {
15646
15661
  .rt-SelectContent:where(.md\:rt-r-size-1) {
15647
15662
  --select-content-padding: var(--space-1);
15648
- --select-item-height: var(--space-5);
15663
+ --select-item-height: var(--control-height-1);
15649
15664
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
15650
15665
  --select-separator-margin-right: var(--space-2);
15651
15666
  border-radius: var(--radius-surface-3);
@@ -15667,7 +15682,6 @@
15667
15682
  }
15668
15683
  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
15669
15684
  --select-content-padding: var(--space-2);
15670
- --select-item-height: var(--space-6);
15671
15685
  --select-item-indicator-width: var(--space-5);
15672
15686
  --select-separator-margin-right: var(--space-3);
15673
15687
  border-radius: var(--radius-surface-4);
@@ -15681,6 +15695,9 @@
15681
15695
  line-height: var(--line-height-2);
15682
15696
  border-radius: var(--radius-2);
15683
15697
  }
15698
+ .rt-SelectContent:where(.md\:rt-r-size-2) {
15699
+ --select-item-height: var(--control-height-2);
15700
+ }
15684
15701
  .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItem) {
15685
15702
  font-size: var(--font-size-2);
15686
15703
  letter-spacing: var(--letter-spacing-2);
@@ -15689,6 +15706,9 @@
15689
15706
  width: var(--select-indicator-icon-size-2);
15690
15707
  height: var(--select-indicator-icon-size-2);
15691
15708
  }
15709
+ .rt-SelectContent:where(.md\:rt-r-size-3) {
15710
+ --select-item-height: var(--control-height-3);
15711
+ }
15692
15712
  .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItem) {
15693
15713
  font-size: var(--font-size-3);
15694
15714
  letter-spacing: var(--letter-spacing-3);
@@ -15701,7 +15721,7 @@
15701
15721
  @media (min-width: 1280px) {
15702
15722
  .rt-SelectContent:where(.lg\:rt-r-size-1) {
15703
15723
  --select-content-padding: var(--space-1);
15704
- --select-item-height: var(--space-5);
15724
+ --select-item-height: var(--control-height-1);
15705
15725
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
15706
15726
  --select-separator-margin-right: var(--space-2);
15707
15727
  border-radius: var(--radius-surface-3);
@@ -15723,7 +15743,6 @@
15723
15743
  }
15724
15744
  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
15725
15745
  --select-content-padding: var(--space-2);
15726
- --select-item-height: var(--space-6);
15727
15746
  --select-item-indicator-width: var(--space-5);
15728
15747
  --select-separator-margin-right: var(--space-3);
15729
15748
  border-radius: var(--radius-surface-4);
@@ -15737,6 +15756,9 @@
15737
15756
  line-height: var(--line-height-2);
15738
15757
  border-radius: var(--radius-2);
15739
15758
  }
15759
+ .rt-SelectContent:where(.lg\:rt-r-size-2) {
15760
+ --select-item-height: var(--control-height-2);
15761
+ }
15740
15762
  .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItem) {
15741
15763
  font-size: var(--font-size-2);
15742
15764
  letter-spacing: var(--letter-spacing-2);
@@ -15745,6 +15767,9 @@
15745
15767
  width: var(--select-indicator-icon-size-2);
15746
15768
  height: var(--select-indicator-icon-size-2);
15747
15769
  }
15770
+ .rt-SelectContent:where(.lg\:rt-r-size-3) {
15771
+ --select-item-height: var(--control-height-3);
15772
+ }
15748
15773
  .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItem) {
15749
15774
  font-size: var(--font-size-3);
15750
15775
  letter-spacing: var(--letter-spacing-3);
@@ -15757,7 +15782,7 @@
15757
15782
  @media (min-width: 1640px) {
15758
15783
  .rt-SelectContent:where(.xl\:rt-r-size-1) {
15759
15784
  --select-content-padding: var(--space-1);
15760
- --select-item-height: var(--space-5);
15785
+ --select-item-height: var(--control-height-1);
15761
15786
  --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
15762
15787
  --select-separator-margin-right: var(--space-2);
15763
15788
  border-radius: var(--radius-surface-3);
@@ -15779,7 +15804,6 @@
15779
15804
  }
15780
15805
  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
15781
15806
  --select-content-padding: var(--space-2);
15782
- --select-item-height: var(--space-6);
15783
15807
  --select-item-indicator-width: var(--space-5);
15784
15808
  --select-separator-margin-right: var(--space-3);
15785
15809
  border-radius: var(--radius-surface-4);
@@ -15793,6 +15817,9 @@
15793
15817
  line-height: var(--line-height-2);
15794
15818
  border-radius: var(--radius-2);
15795
15819
  }
15820
+ .rt-SelectContent:where(.xl\:rt-r-size-2) {
15821
+ --select-item-height: var(--control-height-2);
15822
+ }
15796
15823
  .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItem) {
15797
15824
  font-size: var(--font-size-2);
15798
15825
  letter-spacing: var(--letter-spacing-2);
@@ -15801,6 +15828,9 @@
15801
15828
  width: var(--select-indicator-icon-size-2);
15802
15829
  height: var(--select-indicator-icon-size-2);
15803
15830
  }
15831
+ .rt-SelectContent:where(.xl\:rt-r-size-3) {
15832
+ --select-item-height: var(--control-height-3);
15833
+ }
15804
15834
  .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItem) {
15805
15835
  font-size: var(--font-size-3);
15806
15836
  letter-spacing: var(--letter-spacing-3);
@@ -17397,131 +17427,100 @@
17397
17427
  .rt-SidebarFooter :where(.rt-SidebarMenuButton) {
17398
17428
  border-radius: 0 0 var(--sidebar-base-border-radius) var(--sidebar-base-border-radius);
17399
17429
  }
17430
+ .rt-SidebarMenuSubTriggerIcon {
17431
+ -ms-flex-negative: 0;
17432
+ flex-shrink: 0;
17433
+ margin-left: auto;
17434
+ }
17400
17435
  .rt-SidebarContainer:where(.rt-r-size-1) {
17401
17436
  --sidebar-base-padding: var(--space-3);
17402
- --sidebar-item-height: var(--space-6);
17403
17437
  }
17404
- .rt-SidebarContainer:where(.rt-r-size-2) {
17438
+ .rt-SidebarContainer:where(.rt-r-size-2,.rt-r-size-3) {
17405
17439
  --sidebar-base-padding: var(--space-4);
17406
- --sidebar-item-height: var(--space-7);
17407
- }
17408
- .rt-SidebarContainer:where(.rt-r-size-3) {
17409
- --sidebar-base-padding: var(--space-4);
17410
- --sidebar-item-height: var(--space-8);
17411
- }
17412
- .rt-SidebarContent:where(.rt-r-size-1) {
17413
- --sidebar-content-padding: var(--base-menu-content-padding);
17414
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17415
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17416
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17417
- --base-menu-item-height: var(--space-6);
17418
- --sidebar-item-height: var(--base-menu-item-height);
17419
- }
17420
- .rt-SidebarContent:where(.rt-r-size-2) {
17421
- --sidebar-content-padding: var(--base-menu-content-padding);
17422
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17423
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17424
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17425
- --base-menu-item-height: var(--space-7);
17426
- --sidebar-item-height: var(--base-menu-item-height);
17427
- }
17428
- .rt-SidebarContent:where(.rt-r-size-3) {
17429
- --sidebar-content-padding: var(--base-menu-content-padding);
17430
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17431
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17432
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17433
- --base-menu-item-height: var(--space-8);
17434
- --sidebar-item-height: var(--base-menu-item-height);
17435
17440
  }
17436
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-1) {
17441
+ .rt-SidebarHeader:where(.rt-r-size-1),
17442
+ .rt-SidebarFooter:where(.rt-r-size-1) {
17437
17443
  --base-menu-content-padding: var(--space-2);
17438
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
17444
+ --base-menu-item-padding-left: var(--space-2);
17439
17445
  --base-menu-item-padding-right: var(--space-2);
17440
17446
  --base-menu-item-padding-y: var(--space-1);
17441
- --base-menu-item-height: var(--space-6);
17442
- --sidebar-item-height: var(--base-menu-item-height);
17443
- }
17444
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-2) {
17445
- --base-menu-content-padding: var(--space-3);
17446
- --base-menu-item-padding-left: var(--space-3);
17447
- --base-menu-item-padding-right: var(--space-3);
17448
- --base-menu-item-padding-y: var(--space-1);
17449
- --base-menu-item-height: var(--space-7);
17447
+ --base-menu-item-height: var(--control-height-1);
17450
17448
  --sidebar-item-height: var(--base-menu-item-height);
17451
17449
  }
17452
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-3) {
17453
- --base-menu-content-padding: var(--space-3);
17454
- --base-menu-item-padding-left: var(--space-3);
17455
- --base-menu-item-padding-right: var(--space-3);
17456
- --base-menu-item-padding-y: var(--space-2);
17457
- --base-menu-item-height: var(--space-8);
17458
- --sidebar-item-height: var(--base-menu-item-height);
17459
- }
17460
- :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) {
17450
+ :is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton) {
17461
17451
  gap: var(--component-gap-2);
17462
17452
  font-size: var(--font-size-1);
17463
17453
  line-height: var(--line-height-1);
17464
17454
  letter-spacing: var(--letter-spacing-1);
17465
17455
  border-radius: var(--radius-1);
17466
- font-weight: var(--font-weight-regular);
17467
17456
  }
17468
- :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) {
17469
- width: var(--content-icon-size-2);
17470
- height: var(--content-icon-size-2);
17457
+ :is(:is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
17458
+ width: var(--content-icon-size-1);
17459
+ height: var(--content-icon-size-1);
17471
17460
  -ms-flex-negative: 0;
17472
17461
  flex-shrink: 0;
17473
17462
  }
17474
- :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) {
17463
+ :is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
17475
17464
  width: var(--indicator-icon-size-1);
17476
17465
  height: var(--indicator-icon-size-1);
17477
17466
  -ms-flex-negative: 0;
17478
17467
  flex-shrink: 0;
17479
17468
  margin-left: auto;
17480
17469
  }
17481
- :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) {
17470
+ .rt-SidebarHeader:where(.rt-r-size-2),
17471
+ .rt-SidebarFooter:where(.rt-r-size-2) {
17472
+ --base-menu-content-padding: var(--space-3);
17473
+ --base-menu-item-padding-left: var(--space-3);
17474
+ --base-menu-item-padding-right: var(--space-3);
17475
+ --base-menu-item-padding-y: var(--space-1);
17476
+ --base-menu-item-height: var(--control-height-2);
17477
+ --sidebar-item-height: var(--base-menu-item-height);
17478
+ }
17479
+ :is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton) {
17482
17480
  gap: var(--component-gap-3);
17483
17481
  font-size: var(--font-size-2);
17484
17482
  line-height: var(--line-height-2);
17485
17483
  letter-spacing: var(--letter-spacing-2);
17486
17484
  border-radius: var(--radius-2);
17487
- font-weight: var(--font-weight-regular);
17488
- }
17489
- :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) {
17490
- width: var(--content-icon-size-3);
17491
- height: var(--content-icon-size-3);
17492
- -ms-flex-negative: 0;
17493
- flex-shrink: 0;
17494
17485
  }
17495
- :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) {
17496
- width: var(--content-icon-size-3);
17497
- height: var(--content-icon-size-3);
17486
+ :is(:is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
17487
+ width: var(--content-icon-size-2);
17488
+ height: var(--content-icon-size-2);
17498
17489
  -ms-flex-negative: 0;
17499
17490
  flex-shrink: 0;
17500
17491
  }
17501
- :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) {
17492
+ :is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
17502
17493
  width: var(--indicator-icon-size-2);
17503
17494
  height: var(--indicator-icon-size-2);
17504
17495
  -ms-flex-negative: 0;
17505
17496
  flex-shrink: 0;
17506
17497
  margin-left: auto;
17507
17498
  }
17508
- :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) {
17509
- gap: var(--component-gap-3);
17499
+ .rt-SidebarHeader:where(.rt-r-size-3),
17500
+ .rt-SidebarFooter:where(.rt-r-size-3) {
17501
+ --base-menu-content-padding: var(--space-3);
17502
+ --base-menu-item-padding-left: var(--space-3);
17503
+ --base-menu-item-padding-right: var(--space-3);
17504
+ --base-menu-item-padding-y: var(--space-2);
17505
+ --base-menu-item-height: var(--control-height-3);
17506
+ --sidebar-item-height: var(--base-menu-item-height);
17507
+ }
17508
+ :is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton) {
17509
+ gap: var(--component-gap-4);
17510
17510
  font-size: var(--font-size-3);
17511
- line-height: var(--line-height-2);
17512
- letter-spacing: var(--letter-spacing-2);
17511
+ line-height: var(--line-height-3);
17512
+ letter-spacing: var(--letter-spacing-3);
17513
17513
  border-radius: var(--radius-2);
17514
- font-weight: var(--font-weight-regular);
17515
17514
  }
17516
- :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) {
17515
+ :is(:is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
17517
17516
  width: var(--content-icon-size-3);
17518
17517
  height: var(--content-icon-size-3);
17519
17518
  -ms-flex-negative: 0;
17520
17519
  flex-shrink: 0;
17521
17520
  }
17522
- :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) {
17523
- width: var(--indicator-icon-size-2);
17524
- height: var(--indicator-icon-size-2);
17521
+ :is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
17522
+ width: var(--indicator-icon-size-3);
17523
+ height: var(--indicator-icon-size-3);
17525
17524
  -ms-flex-negative: 0;
17526
17525
  flex-shrink: 0;
17527
17526
  margin-left: auto;
@@ -17529,129 +17528,93 @@
17529
17528
  @media (min-width: 520px) {
17530
17529
  .rt-SidebarContainer:where(.xs\:rt-r-size-1) {
17531
17530
  --sidebar-base-padding: var(--space-3);
17532
- --sidebar-item-height: var(--space-6);
17533
17531
  }
17534
- .rt-SidebarContainer:where(.xs\:rt-r-size-2) {
17532
+ .rt-SidebarContainer:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
17535
17533
  --sidebar-base-padding: var(--space-4);
17536
- --sidebar-item-height: var(--space-7);
17537
17534
  }
17538
- .rt-SidebarContainer:where(.xs\:rt-r-size-3) {
17539
- --sidebar-base-padding: var(--space-4);
17540
- --sidebar-item-height: var(--space-8);
17541
- }
17542
- .rt-SidebarContent:where(.xs\:rt-r-size-1) {
17543
- --sidebar-content-padding: var(--base-menu-content-padding);
17544
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17545
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17546
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17547
- --base-menu-item-height: var(--space-6);
17548
- --sidebar-item-height: var(--base-menu-item-height);
17549
- }
17550
- .rt-SidebarContent:where(.xs\:rt-r-size-2) {
17551
- --sidebar-content-padding: var(--base-menu-content-padding);
17552
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17553
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17554
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17555
- --base-menu-item-height: var(--space-7);
17556
- --sidebar-item-height: var(--base-menu-item-height);
17557
- }
17558
- .rt-SidebarContent:where(.xs\:rt-r-size-3) {
17559
- --sidebar-content-padding: var(--base-menu-content-padding);
17560
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17561
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17562
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17563
- --base-menu-item-height: var(--space-8);
17564
- --sidebar-item-height: var(--base-menu-item-height);
17565
- }
17566
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-1) {
17535
+ .rt-SidebarHeader:where(.xs\:rt-r-size-1),
17536
+ .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
17567
17537
  --base-menu-content-padding: var(--space-2);
17568
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
17538
+ --base-menu-item-padding-left: var(--space-2);
17569
17539
  --base-menu-item-padding-right: var(--space-2);
17570
17540
  --base-menu-item-padding-y: var(--space-1);
17571
- --base-menu-item-height: var(--space-6);
17572
- --sidebar-item-height: var(--base-menu-item-height);
17573
- }
17574
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-2) {
17575
- --base-menu-content-padding: var(--space-3);
17576
- --base-menu-item-padding-left: var(--space-3);
17577
- --base-menu-item-padding-right: var(--space-3);
17578
- --base-menu-item-padding-y: var(--space-1);
17579
- --base-menu-item-height: var(--space-7);
17541
+ --base-menu-item-height: var(--control-height-1);
17580
17542
  --sidebar-item-height: var(--base-menu-item-height);
17581
17543
  }
17582
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-3) {
17583
- --base-menu-content-padding: var(--space-3);
17584
- --base-menu-item-padding-left: var(--space-3);
17585
- --base-menu-item-padding-right: var(--space-3);
17586
- --base-menu-item-padding-y: var(--space-2);
17587
- --base-menu-item-height: var(--space-8);
17588
- --sidebar-item-height: var(--base-menu-item-height);
17589
- }
17590
- :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) {
17544
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
17591
17545
  gap: var(--component-gap-2);
17592
17546
  font-size: var(--font-size-1);
17593
17547
  line-height: var(--line-height-1);
17594
17548
  letter-spacing: var(--letter-spacing-1);
17595
17549
  border-radius: var(--radius-1);
17596
- font-weight: var(--font-weight-regular);
17597
17550
  }
17598
- :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) {
17599
- width: var(--content-icon-size-2);
17600
- height: var(--content-icon-size-2);
17551
+ :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
17552
+ width: var(--content-icon-size-1);
17553
+ height: var(--content-icon-size-1);
17601
17554
  -ms-flex-negative: 0;
17602
17555
  flex-shrink: 0;
17603
17556
  }
17604
- :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) {
17557
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
17605
17558
  width: var(--indicator-icon-size-1);
17606
17559
  height: var(--indicator-icon-size-1);
17607
17560
  -ms-flex-negative: 0;
17608
17561
  flex-shrink: 0;
17609
17562
  margin-left: auto;
17610
17563
  }
17611
- :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) {
17564
+ .rt-SidebarHeader:where(.xs\:rt-r-size-2),
17565
+ .rt-SidebarFooter:where(.xs\:rt-r-size-2) {
17566
+ --base-menu-content-padding: var(--space-3);
17567
+ --base-menu-item-padding-left: var(--space-3);
17568
+ --base-menu-item-padding-right: var(--space-3);
17569
+ --base-menu-item-padding-y: var(--space-1);
17570
+ --base-menu-item-height: var(--control-height-2);
17571
+ --sidebar-item-height: var(--base-menu-item-height);
17572
+ }
17573
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
17612
17574
  gap: var(--component-gap-3);
17613
17575
  font-size: var(--font-size-2);
17614
17576
  line-height: var(--line-height-2);
17615
17577
  letter-spacing: var(--letter-spacing-2);
17616
17578
  border-radius: var(--radius-2);
17617
- font-weight: var(--font-weight-regular);
17618
- }
17619
- :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) {
17620
- width: var(--content-icon-size-3);
17621
- height: var(--content-icon-size-3);
17622
- -ms-flex-negative: 0;
17623
- flex-shrink: 0;
17624
17579
  }
17625
- :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) {
17626
- width: var(--content-icon-size-3);
17627
- height: var(--content-icon-size-3);
17580
+ :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
17581
+ width: var(--content-icon-size-2);
17582
+ height: var(--content-icon-size-2);
17628
17583
  -ms-flex-negative: 0;
17629
17584
  flex-shrink: 0;
17630
17585
  }
17631
- :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) {
17586
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
17632
17587
  width: var(--indicator-icon-size-2);
17633
17588
  height: var(--indicator-icon-size-2);
17634
17589
  -ms-flex-negative: 0;
17635
17590
  flex-shrink: 0;
17636
17591
  margin-left: auto;
17637
17592
  }
17638
- :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) {
17639
- gap: var(--component-gap-3);
17593
+ .rt-SidebarHeader:where(.xs\:rt-r-size-3),
17594
+ .rt-SidebarFooter:where(.xs\:rt-r-size-3) {
17595
+ --base-menu-content-padding: var(--space-3);
17596
+ --base-menu-item-padding-left: var(--space-3);
17597
+ --base-menu-item-padding-right: var(--space-3);
17598
+ --base-menu-item-padding-y: var(--space-2);
17599
+ --base-menu-item-height: var(--control-height-3);
17600
+ --sidebar-item-height: var(--base-menu-item-height);
17601
+ }
17602
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
17603
+ gap: var(--component-gap-4);
17640
17604
  font-size: var(--font-size-3);
17641
- line-height: var(--line-height-2);
17642
- letter-spacing: var(--letter-spacing-2);
17605
+ line-height: var(--line-height-3);
17606
+ letter-spacing: var(--letter-spacing-3);
17643
17607
  border-radius: var(--radius-2);
17644
- font-weight: var(--font-weight-regular);
17645
17608
  }
17646
- :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) {
17609
+ :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
17647
17610
  width: var(--content-icon-size-3);
17648
17611
  height: var(--content-icon-size-3);
17649
17612
  -ms-flex-negative: 0;
17650
17613
  flex-shrink: 0;
17651
17614
  }
17652
- :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) {
17653
- width: var(--indicator-icon-size-2);
17654
- height: var(--indicator-icon-size-2);
17615
+ :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
17616
+ width: var(--indicator-icon-size-3);
17617
+ height: var(--indicator-icon-size-3);
17655
17618
  -ms-flex-negative: 0;
17656
17619
  flex-shrink: 0;
17657
17620
  margin-left: auto;
@@ -17660,129 +17623,93 @@
17660
17623
  @media (min-width: 768px) {
17661
17624
  .rt-SidebarContainer:where(.sm\:rt-r-size-1) {
17662
17625
  --sidebar-base-padding: var(--space-3);
17663
- --sidebar-item-height: var(--space-6);
17664
17626
  }
17665
- .rt-SidebarContainer:where(.sm\:rt-r-size-2) {
17627
+ .rt-SidebarContainer:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
17666
17628
  --sidebar-base-padding: var(--space-4);
17667
- --sidebar-item-height: var(--space-7);
17668
17629
  }
17669
- .rt-SidebarContainer:where(.sm\:rt-r-size-3) {
17670
- --sidebar-base-padding: var(--space-4);
17671
- --sidebar-item-height: var(--space-8);
17672
- }
17673
- .rt-SidebarContent:where(.sm\:rt-r-size-1) {
17674
- --sidebar-content-padding: var(--base-menu-content-padding);
17675
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17676
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17677
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17678
- --base-menu-item-height: var(--space-6);
17679
- --sidebar-item-height: var(--base-menu-item-height);
17680
- }
17681
- .rt-SidebarContent:where(.sm\:rt-r-size-2) {
17682
- --sidebar-content-padding: var(--base-menu-content-padding);
17683
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17684
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17685
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17686
- --base-menu-item-height: var(--space-7);
17687
- --sidebar-item-height: var(--base-menu-item-height);
17688
- }
17689
- .rt-SidebarContent:where(.sm\:rt-r-size-3) {
17690
- --sidebar-content-padding: var(--base-menu-content-padding);
17691
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17692
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17693
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17694
- --base-menu-item-height: var(--space-8);
17695
- --sidebar-item-height: var(--base-menu-item-height);
17696
- }
17697
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-1) {
17630
+ .rt-SidebarHeader:where(.sm\:rt-r-size-1),
17631
+ .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
17698
17632
  --base-menu-content-padding: var(--space-2);
17699
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
17633
+ --base-menu-item-padding-left: var(--space-2);
17700
17634
  --base-menu-item-padding-right: var(--space-2);
17701
17635
  --base-menu-item-padding-y: var(--space-1);
17702
- --base-menu-item-height: var(--space-6);
17703
- --sidebar-item-height: var(--base-menu-item-height);
17704
- }
17705
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-2) {
17706
- --base-menu-content-padding: var(--space-3);
17707
- --base-menu-item-padding-left: var(--space-3);
17708
- --base-menu-item-padding-right: var(--space-3);
17709
- --base-menu-item-padding-y: var(--space-1);
17710
- --base-menu-item-height: var(--space-7);
17636
+ --base-menu-item-height: var(--control-height-1);
17711
17637
  --sidebar-item-height: var(--base-menu-item-height);
17712
17638
  }
17713
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-3) {
17714
- --base-menu-content-padding: var(--space-3);
17715
- --base-menu-item-padding-left: var(--space-3);
17716
- --base-menu-item-padding-right: var(--space-3);
17717
- --base-menu-item-padding-y: var(--space-2);
17718
- --base-menu-item-height: var(--space-8);
17719
- --sidebar-item-height: var(--base-menu-item-height);
17720
- }
17721
- :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) {
17639
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
17722
17640
  gap: var(--component-gap-2);
17723
17641
  font-size: var(--font-size-1);
17724
17642
  line-height: var(--line-height-1);
17725
17643
  letter-spacing: var(--letter-spacing-1);
17726
17644
  border-radius: var(--radius-1);
17727
- font-weight: var(--font-weight-regular);
17728
17645
  }
17729
- :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) {
17730
- width: var(--content-icon-size-2);
17731
- height: var(--content-icon-size-2);
17646
+ :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
17647
+ width: var(--content-icon-size-1);
17648
+ height: var(--content-icon-size-1);
17732
17649
  -ms-flex-negative: 0;
17733
17650
  flex-shrink: 0;
17734
17651
  }
17735
- :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) {
17652
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
17736
17653
  width: var(--indicator-icon-size-1);
17737
17654
  height: var(--indicator-icon-size-1);
17738
17655
  -ms-flex-negative: 0;
17739
17656
  flex-shrink: 0;
17740
17657
  margin-left: auto;
17741
17658
  }
17742
- :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) {
17659
+ .rt-SidebarHeader:where(.sm\:rt-r-size-2),
17660
+ .rt-SidebarFooter:where(.sm\:rt-r-size-2) {
17661
+ --base-menu-content-padding: var(--space-3);
17662
+ --base-menu-item-padding-left: var(--space-3);
17663
+ --base-menu-item-padding-right: var(--space-3);
17664
+ --base-menu-item-padding-y: var(--space-1);
17665
+ --base-menu-item-height: var(--control-height-2);
17666
+ --sidebar-item-height: var(--base-menu-item-height);
17667
+ }
17668
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
17743
17669
  gap: var(--component-gap-3);
17744
17670
  font-size: var(--font-size-2);
17745
17671
  line-height: var(--line-height-2);
17746
17672
  letter-spacing: var(--letter-spacing-2);
17747
17673
  border-radius: var(--radius-2);
17748
- font-weight: var(--font-weight-regular);
17749
17674
  }
17750
- :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) {
17751
- width: var(--content-icon-size-3);
17752
- height: var(--content-icon-size-3);
17753
- -ms-flex-negative: 0;
17754
- flex-shrink: 0;
17755
- }
17756
- :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) {
17757
- width: var(--content-icon-size-3);
17758
- height: var(--content-icon-size-3);
17675
+ :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
17676
+ width: var(--content-icon-size-2);
17677
+ height: var(--content-icon-size-2);
17759
17678
  -ms-flex-negative: 0;
17760
17679
  flex-shrink: 0;
17761
17680
  }
17762
- :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) {
17681
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
17763
17682
  width: var(--indicator-icon-size-2);
17764
17683
  height: var(--indicator-icon-size-2);
17765
17684
  -ms-flex-negative: 0;
17766
17685
  flex-shrink: 0;
17767
17686
  margin-left: auto;
17768
17687
  }
17769
- :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) {
17770
- gap: var(--component-gap-3);
17688
+ .rt-SidebarHeader:where(.sm\:rt-r-size-3),
17689
+ .rt-SidebarFooter:where(.sm\:rt-r-size-3) {
17690
+ --base-menu-content-padding: var(--space-3);
17691
+ --base-menu-item-padding-left: var(--space-3);
17692
+ --base-menu-item-padding-right: var(--space-3);
17693
+ --base-menu-item-padding-y: var(--space-2);
17694
+ --base-menu-item-height: var(--control-height-3);
17695
+ --sidebar-item-height: var(--base-menu-item-height);
17696
+ }
17697
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
17698
+ gap: var(--component-gap-4);
17771
17699
  font-size: var(--font-size-3);
17772
- line-height: var(--line-height-2);
17773
- letter-spacing: var(--letter-spacing-2);
17700
+ line-height: var(--line-height-3);
17701
+ letter-spacing: var(--letter-spacing-3);
17774
17702
  border-radius: var(--radius-2);
17775
- font-weight: var(--font-weight-regular);
17776
17703
  }
17777
- :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) {
17704
+ :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
17778
17705
  width: var(--content-icon-size-3);
17779
17706
  height: var(--content-icon-size-3);
17780
17707
  -ms-flex-negative: 0;
17781
17708
  flex-shrink: 0;
17782
17709
  }
17783
- :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) {
17784
- width: var(--indicator-icon-size-2);
17785
- height: var(--indicator-icon-size-2);
17710
+ :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
17711
+ width: var(--indicator-icon-size-3);
17712
+ height: var(--indicator-icon-size-3);
17786
17713
  -ms-flex-negative: 0;
17787
17714
  flex-shrink: 0;
17788
17715
  margin-left: auto;
@@ -17791,129 +17718,93 @@
17791
17718
  @media (min-width: 1024px) {
17792
17719
  .rt-SidebarContainer:where(.md\:rt-r-size-1) {
17793
17720
  --sidebar-base-padding: var(--space-3);
17794
- --sidebar-item-height: var(--space-6);
17795
17721
  }
17796
- .rt-SidebarContainer:where(.md\:rt-r-size-2) {
17722
+ .rt-SidebarContainer:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
17797
17723
  --sidebar-base-padding: var(--space-4);
17798
- --sidebar-item-height: var(--space-7);
17799
17724
  }
17800
- .rt-SidebarContainer:where(.md\:rt-r-size-3) {
17801
- --sidebar-base-padding: var(--space-4);
17802
- --sidebar-item-height: var(--space-8);
17803
- }
17804
- .rt-SidebarContent:where(.md\:rt-r-size-1) {
17805
- --sidebar-content-padding: var(--base-menu-content-padding);
17806
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17807
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17808
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17809
- --base-menu-item-height: var(--space-6);
17810
- --sidebar-item-height: var(--base-menu-item-height);
17811
- }
17812
- .rt-SidebarContent:where(.md\:rt-r-size-2) {
17813
- --sidebar-content-padding: var(--base-menu-content-padding);
17814
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17815
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17816
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17817
- --base-menu-item-height: var(--space-7);
17818
- --sidebar-item-height: var(--base-menu-item-height);
17819
- }
17820
- .rt-SidebarContent:where(.md\:rt-r-size-3) {
17821
- --sidebar-content-padding: var(--base-menu-content-padding);
17822
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17823
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17824
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17825
- --base-menu-item-height: var(--space-8);
17826
- --sidebar-item-height: var(--base-menu-item-height);
17827
- }
17828
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-1) {
17725
+ .rt-SidebarHeader:where(.md\:rt-r-size-1),
17726
+ .rt-SidebarFooter:where(.md\:rt-r-size-1) {
17829
17727
  --base-menu-content-padding: var(--space-2);
17830
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
17728
+ --base-menu-item-padding-left: var(--space-2);
17831
17729
  --base-menu-item-padding-right: var(--space-2);
17832
17730
  --base-menu-item-padding-y: var(--space-1);
17833
- --base-menu-item-height: var(--space-6);
17834
- --sidebar-item-height: var(--base-menu-item-height);
17835
- }
17836
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-2) {
17837
- --base-menu-content-padding: var(--space-3);
17838
- --base-menu-item-padding-left: var(--space-3);
17839
- --base-menu-item-padding-right: var(--space-3);
17840
- --base-menu-item-padding-y: var(--space-1);
17841
- --base-menu-item-height: var(--space-7);
17731
+ --base-menu-item-height: var(--control-height-1);
17842
17732
  --sidebar-item-height: var(--base-menu-item-height);
17843
17733
  }
17844
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-3) {
17845
- --base-menu-content-padding: var(--space-3);
17846
- --base-menu-item-padding-left: var(--space-3);
17847
- --base-menu-item-padding-right: var(--space-3);
17848
- --base-menu-item-padding-y: var(--space-2);
17849
- --base-menu-item-height: var(--space-8);
17850
- --sidebar-item-height: var(--base-menu-item-height);
17851
- }
17852
- :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) {
17734
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
17853
17735
  gap: var(--component-gap-2);
17854
17736
  font-size: var(--font-size-1);
17855
17737
  line-height: var(--line-height-1);
17856
17738
  letter-spacing: var(--letter-spacing-1);
17857
17739
  border-radius: var(--radius-1);
17858
- font-weight: var(--font-weight-regular);
17859
17740
  }
17860
- :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) {
17861
- width: var(--content-icon-size-2);
17862
- height: var(--content-icon-size-2);
17741
+ :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
17742
+ width: var(--content-icon-size-1);
17743
+ height: var(--content-icon-size-1);
17863
17744
  -ms-flex-negative: 0;
17864
17745
  flex-shrink: 0;
17865
17746
  }
17866
- :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) {
17747
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
17867
17748
  width: var(--indicator-icon-size-1);
17868
17749
  height: var(--indicator-icon-size-1);
17869
17750
  -ms-flex-negative: 0;
17870
17751
  flex-shrink: 0;
17871
17752
  margin-left: auto;
17872
17753
  }
17873
- :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) {
17754
+ .rt-SidebarHeader:where(.md\:rt-r-size-2),
17755
+ .rt-SidebarFooter:where(.md\:rt-r-size-2) {
17756
+ --base-menu-content-padding: var(--space-3);
17757
+ --base-menu-item-padding-left: var(--space-3);
17758
+ --base-menu-item-padding-right: var(--space-3);
17759
+ --base-menu-item-padding-y: var(--space-1);
17760
+ --base-menu-item-height: var(--control-height-2);
17761
+ --sidebar-item-height: var(--base-menu-item-height);
17762
+ }
17763
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
17874
17764
  gap: var(--component-gap-3);
17875
17765
  font-size: var(--font-size-2);
17876
17766
  line-height: var(--line-height-2);
17877
17767
  letter-spacing: var(--letter-spacing-2);
17878
17768
  border-radius: var(--radius-2);
17879
- font-weight: var(--font-weight-regular);
17880
17769
  }
17881
- :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) {
17882
- width: var(--content-icon-size-3);
17883
- height: var(--content-icon-size-3);
17884
- -ms-flex-negative: 0;
17885
- flex-shrink: 0;
17886
- }
17887
- :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) {
17888
- width: var(--content-icon-size-3);
17889
- height: var(--content-icon-size-3);
17770
+ :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
17771
+ width: var(--content-icon-size-2);
17772
+ height: var(--content-icon-size-2);
17890
17773
  -ms-flex-negative: 0;
17891
17774
  flex-shrink: 0;
17892
17775
  }
17893
- :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) {
17776
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
17894
17777
  width: var(--indicator-icon-size-2);
17895
17778
  height: var(--indicator-icon-size-2);
17896
17779
  -ms-flex-negative: 0;
17897
17780
  flex-shrink: 0;
17898
17781
  margin-left: auto;
17899
17782
  }
17900
- :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) {
17901
- gap: var(--component-gap-3);
17783
+ .rt-SidebarHeader:where(.md\:rt-r-size-3),
17784
+ .rt-SidebarFooter:where(.md\:rt-r-size-3) {
17785
+ --base-menu-content-padding: var(--space-3);
17786
+ --base-menu-item-padding-left: var(--space-3);
17787
+ --base-menu-item-padding-right: var(--space-3);
17788
+ --base-menu-item-padding-y: var(--space-2);
17789
+ --base-menu-item-height: var(--control-height-3);
17790
+ --sidebar-item-height: var(--base-menu-item-height);
17791
+ }
17792
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
17793
+ gap: var(--component-gap-4);
17902
17794
  font-size: var(--font-size-3);
17903
- line-height: var(--line-height-2);
17904
- letter-spacing: var(--letter-spacing-2);
17795
+ line-height: var(--line-height-3);
17796
+ letter-spacing: var(--letter-spacing-3);
17905
17797
  border-radius: var(--radius-2);
17906
- font-weight: var(--font-weight-regular);
17907
17798
  }
17908
- :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) {
17799
+ :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
17909
17800
  width: var(--content-icon-size-3);
17910
17801
  height: var(--content-icon-size-3);
17911
17802
  -ms-flex-negative: 0;
17912
17803
  flex-shrink: 0;
17913
17804
  }
17914
- :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) {
17915
- width: var(--indicator-icon-size-2);
17916
- height: var(--indicator-icon-size-2);
17805
+ :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
17806
+ width: var(--indicator-icon-size-3);
17807
+ height: var(--indicator-icon-size-3);
17917
17808
  -ms-flex-negative: 0;
17918
17809
  flex-shrink: 0;
17919
17810
  margin-left: auto;
@@ -17922,129 +17813,93 @@
17922
17813
  @media (min-width: 1280px) {
17923
17814
  .rt-SidebarContainer:where(.lg\:rt-r-size-1) {
17924
17815
  --sidebar-base-padding: var(--space-3);
17925
- --sidebar-item-height: var(--space-6);
17926
17816
  }
17927
- .rt-SidebarContainer:where(.lg\:rt-r-size-2) {
17817
+ .rt-SidebarContainer:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
17928
17818
  --sidebar-base-padding: var(--space-4);
17929
- --sidebar-item-height: var(--space-7);
17930
17819
  }
17931
- .rt-SidebarContainer:where(.lg\:rt-r-size-3) {
17932
- --sidebar-base-padding: var(--space-4);
17933
- --sidebar-item-height: var(--space-8);
17934
- }
17935
- .rt-SidebarContent:where(.lg\:rt-r-size-1) {
17936
- --sidebar-content-padding: var(--base-menu-content-padding);
17937
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17938
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17939
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17940
- --base-menu-item-height: var(--space-6);
17941
- --sidebar-item-height: var(--base-menu-item-height);
17942
- }
17943
- .rt-SidebarContent:where(.lg\:rt-r-size-2) {
17944
- --sidebar-content-padding: var(--base-menu-content-padding);
17945
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17946
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17947
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17948
- --base-menu-item-height: var(--space-7);
17949
- --sidebar-item-height: var(--base-menu-item-height);
17950
- }
17951
- .rt-SidebarContent:where(.lg\:rt-r-size-3) {
17952
- --sidebar-content-padding: var(--base-menu-content-padding);
17953
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
17954
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
17955
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
17956
- --base-menu-item-height: var(--space-8);
17957
- --sidebar-item-height: var(--base-menu-item-height);
17958
- }
17959
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-1) {
17820
+ .rt-SidebarHeader:where(.lg\:rt-r-size-1),
17821
+ .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
17960
17822
  --base-menu-content-padding: var(--space-2);
17961
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
17823
+ --base-menu-item-padding-left: var(--space-2);
17962
17824
  --base-menu-item-padding-right: var(--space-2);
17963
17825
  --base-menu-item-padding-y: var(--space-1);
17964
- --base-menu-item-height: var(--space-6);
17826
+ --base-menu-item-height: var(--control-height-1);
17965
17827
  --sidebar-item-height: var(--base-menu-item-height);
17966
17828
  }
17967
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-2) {
17968
- --base-menu-content-padding: var(--space-3);
17969
- --base-menu-item-padding-left: var(--space-3);
17970
- --base-menu-item-padding-right: var(--space-3);
17971
- --base-menu-item-padding-y: var(--space-1);
17972
- --base-menu-item-height: var(--space-7);
17973
- --sidebar-item-height: var(--base-menu-item-height);
17974
- }
17975
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-3) {
17976
- --base-menu-content-padding: var(--space-3);
17977
- --base-menu-item-padding-left: var(--space-3);
17978
- --base-menu-item-padding-right: var(--space-3);
17979
- --base-menu-item-padding-y: var(--space-2);
17980
- --base-menu-item-height: var(--space-8);
17981
- --sidebar-item-height: var(--base-menu-item-height);
17982
- }
17983
- :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) {
17829
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
17984
17830
  gap: var(--component-gap-2);
17985
17831
  font-size: var(--font-size-1);
17986
17832
  line-height: var(--line-height-1);
17987
17833
  letter-spacing: var(--letter-spacing-1);
17988
17834
  border-radius: var(--radius-1);
17989
- font-weight: var(--font-weight-regular);
17990
17835
  }
17991
- :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) {
17992
- width: var(--content-icon-size-2);
17993
- height: var(--content-icon-size-2);
17836
+ :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
17837
+ width: var(--content-icon-size-1);
17838
+ height: var(--content-icon-size-1);
17994
17839
  -ms-flex-negative: 0;
17995
17840
  flex-shrink: 0;
17996
17841
  }
17997
- :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) {
17842
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
17998
17843
  width: var(--indicator-icon-size-1);
17999
17844
  height: var(--indicator-icon-size-1);
18000
17845
  -ms-flex-negative: 0;
18001
17846
  flex-shrink: 0;
18002
17847
  margin-left: auto;
18003
17848
  }
18004
- :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) {
17849
+ .rt-SidebarHeader:where(.lg\:rt-r-size-2),
17850
+ .rt-SidebarFooter:where(.lg\:rt-r-size-2) {
17851
+ --base-menu-content-padding: var(--space-3);
17852
+ --base-menu-item-padding-left: var(--space-3);
17853
+ --base-menu-item-padding-right: var(--space-3);
17854
+ --base-menu-item-padding-y: var(--space-1);
17855
+ --base-menu-item-height: var(--control-height-2);
17856
+ --sidebar-item-height: var(--base-menu-item-height);
17857
+ }
17858
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
18005
17859
  gap: var(--component-gap-3);
18006
17860
  font-size: var(--font-size-2);
18007
17861
  line-height: var(--line-height-2);
18008
17862
  letter-spacing: var(--letter-spacing-2);
18009
17863
  border-radius: var(--radius-2);
18010
- font-weight: var(--font-weight-regular);
18011
- }
18012
- :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) {
18013
- width: var(--content-icon-size-3);
18014
- height: var(--content-icon-size-3);
18015
- -ms-flex-negative: 0;
18016
- flex-shrink: 0;
18017
17864
  }
18018
- :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) {
18019
- width: var(--content-icon-size-3);
18020
- height: var(--content-icon-size-3);
17865
+ :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
17866
+ width: var(--content-icon-size-2);
17867
+ height: var(--content-icon-size-2);
18021
17868
  -ms-flex-negative: 0;
18022
17869
  flex-shrink: 0;
18023
17870
  }
18024
- :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) {
17871
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
18025
17872
  width: var(--indicator-icon-size-2);
18026
17873
  height: var(--indicator-icon-size-2);
18027
17874
  -ms-flex-negative: 0;
18028
17875
  flex-shrink: 0;
18029
17876
  margin-left: auto;
18030
17877
  }
18031
- :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) {
18032
- gap: var(--component-gap-3);
17878
+ .rt-SidebarHeader:where(.lg\:rt-r-size-3),
17879
+ .rt-SidebarFooter:where(.lg\:rt-r-size-3) {
17880
+ --base-menu-content-padding: var(--space-3);
17881
+ --base-menu-item-padding-left: var(--space-3);
17882
+ --base-menu-item-padding-right: var(--space-3);
17883
+ --base-menu-item-padding-y: var(--space-2);
17884
+ --base-menu-item-height: var(--control-height-3);
17885
+ --sidebar-item-height: var(--base-menu-item-height);
17886
+ }
17887
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
17888
+ gap: var(--component-gap-4);
18033
17889
  font-size: var(--font-size-3);
18034
- line-height: var(--line-height-2);
18035
- letter-spacing: var(--letter-spacing-2);
17890
+ line-height: var(--line-height-3);
17891
+ letter-spacing: var(--letter-spacing-3);
18036
17892
  border-radius: var(--radius-2);
18037
- font-weight: var(--font-weight-regular);
18038
17893
  }
18039
- :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) {
17894
+ :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
18040
17895
  width: var(--content-icon-size-3);
18041
17896
  height: var(--content-icon-size-3);
18042
17897
  -ms-flex-negative: 0;
18043
17898
  flex-shrink: 0;
18044
17899
  }
18045
- :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) {
18046
- width: var(--indicator-icon-size-2);
18047
- height: var(--indicator-icon-size-2);
17900
+ :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
17901
+ width: var(--indicator-icon-size-3);
17902
+ height: var(--indicator-icon-size-3);
18048
17903
  -ms-flex-negative: 0;
18049
17904
  flex-shrink: 0;
18050
17905
  margin-left: auto;
@@ -18053,129 +17908,93 @@
18053
17908
  @media (min-width: 1640px) {
18054
17909
  .rt-SidebarContainer:where(.xl\:rt-r-size-1) {
18055
17910
  --sidebar-base-padding: var(--space-3);
18056
- --sidebar-item-height: var(--space-6);
18057
17911
  }
18058
- .rt-SidebarContainer:where(.xl\:rt-r-size-2) {
17912
+ .rt-SidebarContainer:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
18059
17913
  --sidebar-base-padding: var(--space-4);
18060
- --sidebar-item-height: var(--space-7);
18061
17914
  }
18062
- .rt-SidebarContainer:where(.xl\:rt-r-size-3) {
18063
- --sidebar-base-padding: var(--space-4);
18064
- --sidebar-item-height: var(--space-8);
18065
- }
18066
- .rt-SidebarContent:where(.xl\:rt-r-size-1) {
18067
- --sidebar-content-padding: var(--base-menu-content-padding);
18068
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
18069
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
18070
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
18071
- --base-menu-item-height: var(--space-6);
18072
- --sidebar-item-height: var(--base-menu-item-height);
18073
- }
18074
- .rt-SidebarContent:where(.xl\:rt-r-size-2) {
18075
- --sidebar-content-padding: var(--base-menu-content-padding);
18076
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
18077
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
18078
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
18079
- --base-menu-item-height: var(--space-7);
18080
- --sidebar-item-height: var(--base-menu-item-height);
18081
- }
18082
- .rt-SidebarContent:where(.xl\:rt-r-size-3) {
18083
- --sidebar-content-padding: var(--base-menu-content-padding);
18084
- --sidebar-item-padding-left: var(--base-menu-item-padding-left);
18085
- --sidebar-item-padding-right: var(--base-menu-item-padding-right);
18086
- --sidebar-item-padding-y: var(--base-menu-item-padding-y);
18087
- --base-menu-item-height: var(--space-8);
18088
- --sidebar-item-height: var(--base-menu-item-height);
18089
- }
18090
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-1) {
17915
+ .rt-SidebarHeader:where(.xl\:rt-r-size-1),
17916
+ .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
18091
17917
  --base-menu-content-padding: var(--space-2);
18092
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
17918
+ --base-menu-item-padding-left: var(--space-2);
18093
17919
  --base-menu-item-padding-right: var(--space-2);
18094
17920
  --base-menu-item-padding-y: var(--space-1);
18095
- --base-menu-item-height: var(--space-6);
18096
- --sidebar-item-height: var(--base-menu-item-height);
18097
- }
18098
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-2) {
18099
- --base-menu-content-padding: var(--space-3);
18100
- --base-menu-item-padding-left: var(--space-3);
18101
- --base-menu-item-padding-right: var(--space-3);
18102
- --base-menu-item-padding-y: var(--space-1);
18103
- --base-menu-item-height: var(--space-7);
17921
+ --base-menu-item-height: var(--control-height-1);
18104
17922
  --sidebar-item-height: var(--base-menu-item-height);
18105
17923
  }
18106
- :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-3) {
18107
- --base-menu-content-padding: var(--space-3);
18108
- --base-menu-item-padding-left: var(--space-3);
18109
- --base-menu-item-padding-right: var(--space-3);
18110
- --base-menu-item-padding-y: var(--space-2);
18111
- --base-menu-item-height: var(--space-8);
18112
- --sidebar-item-height: var(--base-menu-item-height);
18113
- }
18114
- :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) {
17924
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
18115
17925
  gap: var(--component-gap-2);
18116
17926
  font-size: var(--font-size-1);
18117
17927
  line-height: var(--line-height-1);
18118
17928
  letter-spacing: var(--letter-spacing-1);
18119
17929
  border-radius: var(--radius-1);
18120
- font-weight: var(--font-weight-regular);
18121
17930
  }
18122
- :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) {
18123
- width: var(--content-icon-size-2);
18124
- height: var(--content-icon-size-2);
17931
+ :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
17932
+ width: var(--content-icon-size-1);
17933
+ height: var(--content-icon-size-1);
18125
17934
  -ms-flex-negative: 0;
18126
17935
  flex-shrink: 0;
18127
17936
  }
18128
- :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) {
17937
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
18129
17938
  width: var(--indicator-icon-size-1);
18130
17939
  height: var(--indicator-icon-size-1);
18131
17940
  -ms-flex-negative: 0;
18132
17941
  flex-shrink: 0;
18133
17942
  margin-left: auto;
18134
17943
  }
18135
- :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) {
17944
+ .rt-SidebarHeader:where(.xl\:rt-r-size-2),
17945
+ .rt-SidebarFooter:where(.xl\:rt-r-size-2) {
17946
+ --base-menu-content-padding: var(--space-3);
17947
+ --base-menu-item-padding-left: var(--space-3);
17948
+ --base-menu-item-padding-right: var(--space-3);
17949
+ --base-menu-item-padding-y: var(--space-1);
17950
+ --base-menu-item-height: var(--control-height-2);
17951
+ --sidebar-item-height: var(--base-menu-item-height);
17952
+ }
17953
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
18136
17954
  gap: var(--component-gap-3);
18137
17955
  font-size: var(--font-size-2);
18138
17956
  line-height: var(--line-height-2);
18139
17957
  letter-spacing: var(--letter-spacing-2);
18140
17958
  border-radius: var(--radius-2);
18141
- font-weight: var(--font-weight-regular);
18142
17959
  }
18143
- :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) {
18144
- width: var(--content-icon-size-3);
18145
- height: var(--content-icon-size-3);
18146
- -ms-flex-negative: 0;
18147
- flex-shrink: 0;
18148
- }
18149
- :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) {
18150
- width: var(--content-icon-size-3);
18151
- height: var(--content-icon-size-3);
17960
+ :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
17961
+ width: var(--content-icon-size-2);
17962
+ height: var(--content-icon-size-2);
18152
17963
  -ms-flex-negative: 0;
18153
17964
  flex-shrink: 0;
18154
17965
  }
18155
- :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) {
17966
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
18156
17967
  width: var(--indicator-icon-size-2);
18157
17968
  height: var(--indicator-icon-size-2);
18158
17969
  -ms-flex-negative: 0;
18159
17970
  flex-shrink: 0;
18160
17971
  margin-left: auto;
18161
17972
  }
18162
- :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) {
18163
- gap: var(--component-gap-3);
17973
+ .rt-SidebarHeader:where(.xl\:rt-r-size-3),
17974
+ .rt-SidebarFooter:where(.xl\:rt-r-size-3) {
17975
+ --base-menu-content-padding: var(--space-3);
17976
+ --base-menu-item-padding-left: var(--space-3);
17977
+ --base-menu-item-padding-right: var(--space-3);
17978
+ --base-menu-item-padding-y: var(--space-2);
17979
+ --base-menu-item-height: var(--control-height-3);
17980
+ --sidebar-item-height: var(--base-menu-item-height);
17981
+ }
17982
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
17983
+ gap: var(--component-gap-4);
18164
17984
  font-size: var(--font-size-3);
18165
- line-height: var(--line-height-2);
18166
- letter-spacing: var(--letter-spacing-2);
17985
+ line-height: var(--line-height-3);
17986
+ letter-spacing: var(--letter-spacing-3);
18167
17987
  border-radius: var(--radius-2);
18168
- font-weight: var(--font-weight-regular);
18169
17988
  }
18170
- :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) {
17989
+ :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
18171
17990
  width: var(--content-icon-size-3);
18172
17991
  height: var(--content-icon-size-3);
18173
17992
  -ms-flex-negative: 0;
18174
17993
  flex-shrink: 0;
18175
17994
  }
18176
- :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) {
18177
- width: var(--indicator-icon-size-2);
18178
- height: var(--indicator-icon-size-2);
17995
+ :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
17996
+ width: var(--indicator-icon-size-3);
17997
+ height: var(--indicator-icon-size-3);
18179
17998
  -ms-flex-negative: 0;
18180
17999
  flex-shrink: 0;
18181
18000
  margin-left: auto;
@@ -20183,7 +20002,7 @@
20183
20002
  font-size: var(--font-size-1);
20184
20003
  line-height: var(--line-height-1);
20185
20004
  letter-spacing: var(--letter-spacing-1);
20186
- --tab-height: var(--space-6);
20005
+ --tab-height: var(--control-height-1);
20187
20006
  --tab-padding-x: var(--space-1);
20188
20007
  --tab-inner-padding-x: var(--space-1);
20189
20008
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -20200,7 +20019,7 @@
20200
20019
  font-size: var(--font-size-2);
20201
20020
  line-height: var(--line-height-2);
20202
20021
  letter-spacing: var(--letter-spacing-2);
20203
- --tab-height: var(--space-7);
20022
+ --tab-height: var(--control-height-2);
20204
20023
  --tab-padding-x: var(--space-2);
20205
20024
  --tab-inner-padding-x: var(--space-2);
20206
20025
  --tab-inner-padding-y: var(--space-1);
@@ -20218,7 +20037,7 @@
20218
20037
  font-size: var(--font-size-1);
20219
20038
  line-height: var(--line-height-1);
20220
20039
  letter-spacing: var(--letter-spacing-1);
20221
- --tab-height: var(--space-6);
20040
+ --tab-height: var(--control-height-1);
20222
20041
  --tab-padding-x: var(--space-1);
20223
20042
  --tab-inner-padding-x: var(--space-1);
20224
20043
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -20235,7 +20054,7 @@
20235
20054
  font-size: var(--font-size-2);
20236
20055
  line-height: var(--line-height-2);
20237
20056
  letter-spacing: var(--letter-spacing-2);
20238
- --tab-height: var(--space-7);
20057
+ --tab-height: var(--control-height-2);
20239
20058
  --tab-padding-x: var(--space-2);
20240
20059
  --tab-inner-padding-x: var(--space-2);
20241
20060
  --tab-inner-padding-y: var(--space-1);
@@ -20254,7 +20073,7 @@
20254
20073
  font-size: var(--font-size-1);
20255
20074
  line-height: var(--line-height-1);
20256
20075
  letter-spacing: var(--letter-spacing-1);
20257
- --tab-height: var(--space-6);
20076
+ --tab-height: var(--control-height-1);
20258
20077
  --tab-padding-x: var(--space-1);
20259
20078
  --tab-inner-padding-x: var(--space-1);
20260
20079
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -20271,7 +20090,7 @@
20271
20090
  font-size: var(--font-size-2);
20272
20091
  line-height: var(--line-height-2);
20273
20092
  letter-spacing: var(--letter-spacing-2);
20274
- --tab-height: var(--space-7);
20093
+ --tab-height: var(--control-height-2);
20275
20094
  --tab-padding-x: var(--space-2);
20276
20095
  --tab-inner-padding-x: var(--space-2);
20277
20096
  --tab-inner-padding-y: var(--space-1);
@@ -20290,7 +20109,7 @@
20290
20109
  font-size: var(--font-size-1);
20291
20110
  line-height: var(--line-height-1);
20292
20111
  letter-spacing: var(--letter-spacing-1);
20293
- --tab-height: var(--space-6);
20112
+ --tab-height: var(--control-height-1);
20294
20113
  --tab-padding-x: var(--space-1);
20295
20114
  --tab-inner-padding-x: var(--space-1);
20296
20115
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -20307,7 +20126,7 @@
20307
20126
  font-size: var(--font-size-2);
20308
20127
  line-height: var(--line-height-2);
20309
20128
  letter-spacing: var(--letter-spacing-2);
20310
- --tab-height: var(--space-7);
20129
+ --tab-height: var(--control-height-2);
20311
20130
  --tab-padding-x: var(--space-2);
20312
20131
  --tab-inner-padding-x: var(--space-2);
20313
20132
  --tab-inner-padding-y: var(--space-1);
@@ -20326,7 +20145,7 @@
20326
20145
  font-size: var(--font-size-1);
20327
20146
  line-height: var(--line-height-1);
20328
20147
  letter-spacing: var(--letter-spacing-1);
20329
- --tab-height: var(--space-6);
20148
+ --tab-height: var(--control-height-1);
20330
20149
  --tab-padding-x: var(--space-1);
20331
20150
  --tab-inner-padding-x: var(--space-1);
20332
20151
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -20343,7 +20162,7 @@
20343
20162
  font-size: var(--font-size-2);
20344
20163
  line-height: var(--line-height-2);
20345
20164
  letter-spacing: var(--letter-spacing-2);
20346
- --tab-height: var(--space-7);
20165
+ --tab-height: var(--control-height-2);
20347
20166
  --tab-padding-x: var(--space-2);
20348
20167
  --tab-inner-padding-x: var(--space-2);
20349
20168
  --tab-inner-padding-y: var(--space-1);
@@ -20362,7 +20181,7 @@
20362
20181
  font-size: var(--font-size-1);
20363
20182
  line-height: var(--line-height-1);
20364
20183
  letter-spacing: var(--letter-spacing-1);
20365
- --tab-height: var(--space-6);
20184
+ --tab-height: var(--control-height-1);
20366
20185
  --tab-padding-x: var(--space-1);
20367
20186
  --tab-inner-padding-x: var(--space-1);
20368
20187
  --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -20379,7 +20198,7 @@
20379
20198
  font-size: var(--font-size-2);
20380
20199
  line-height: var(--line-height-2);
20381
20200
  letter-spacing: var(--letter-spacing-2);
20382
- --tab-height: var(--space-7);
20201
+ --tab-height: var(--control-height-2);
20383
20202
  --tab-padding-x: var(--space-2);
20384
20203
  --tab-inner-padding-x: var(--space-2);
20385
20204
  --tab-inner-padding-y: var(--space-1);
@@ -21753,25 +21572,25 @@
21753
21572
  min-width: var(--toolbar-control-height);
21754
21573
  }
21755
21574
  .rt-Toolbar:where(.rt-r-size-1) {
21756
- --toolbar-control-height: var(--space-5);
21575
+ --toolbar-control-height: var(--control-height-1);
21757
21576
  --toolbar-radius: max(var(--radius-1), var(--radius-full));
21758
21577
  --toolbar-gap: var(--space-1);
21759
21578
  --toolbar-title-gap: var(--space-2);
21760
21579
  }
21761
21580
  .rt-Toolbar:where(.rt-r-size-2) {
21762
- --toolbar-control-height: var(--space-6);
21581
+ --toolbar-control-height: var(--control-height-2);
21763
21582
  --toolbar-radius: max(var(--radius-2), var(--radius-full));
21764
21583
  --toolbar-gap: var(--space-2);
21765
21584
  --toolbar-title-gap: var(--space-3);
21766
21585
  }
21767
21586
  .rt-Toolbar:where(.rt-r-size-3) {
21768
- --toolbar-control-height: var(--space-7);
21587
+ --toolbar-control-height: var(--control-height-3);
21769
21588
  --toolbar-radius: max(var(--radius-3), var(--radius-full));
21770
21589
  --toolbar-gap: var(--space-2);
21771
21590
  --toolbar-title-gap: var(--space-4);
21772
21591
  }
21773
21592
  .rt-Toolbar:where(.rt-r-size-4) {
21774
- --toolbar-control-height: var(--space-8);
21593
+ --toolbar-control-height: var(--control-height-4);
21775
21594
  --toolbar-radius: max(var(--radius-4), var(--radius-full));
21776
21595
  --toolbar-gap: var(--space-3);
21777
21596
  --toolbar-title-gap: var(--space-5);