@kushagradhawan/kookie-ui 0.1.67 → 0.1.69

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 (10) hide show
  1. package/components.css +300 -42
  2. package/package.json +1 -1
  3. package/schemas/base-button.json +1 -1
  4. package/schemas/button.json +1 -1
  5. package/schemas/icon-button.json +1 -1
  6. package/schemas/index.json +6 -6
  7. package/schemas/toggle-button.json +1 -1
  8. package/schemas/toggle-icon-button.json +1 -1
  9. package/src/components/sidebar.css +64 -2
  10. package/styles.css +300 -42
package/styles.css CHANGED
@@ -21378,7 +21378,31 @@
21378
21378
  --base-menu-item-height: var(--space-8);
21379
21379
  --sidebar-item-height: var(--base-menu-item-height);
21380
21380
  }
21381
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton){
21381
+ .rt-SidebarHeader:where(.rt-r-size-1), .rt-SidebarFooter:where(.rt-r-size-1){
21382
+ --base-menu-content-padding: var(--space-2);
21383
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21384
+ --base-menu-item-padding-right: var(--space-2);
21385
+ --base-menu-item-padding-y: var(--space-1);
21386
+ --base-menu-item-height: var(--space-6);
21387
+ --sidebar-item-height: var(--base-menu-item-height);
21388
+ }
21389
+ .rt-SidebarHeader:where(.rt-r-size-2), .rt-SidebarFooter:where(.rt-r-size-2){
21390
+ --base-menu-content-padding: var(--space-3);
21391
+ --base-menu-item-padding-left: var(--space-3);
21392
+ --base-menu-item-padding-right: var(--space-3);
21393
+ --base-menu-item-padding-y: var(--space-1);
21394
+ --base-menu-item-height: var(--space-7);
21395
+ --sidebar-item-height: var(--base-menu-item-height);
21396
+ }
21397
+ .rt-SidebarHeader:where(.rt-r-size-3), .rt-SidebarFooter:where(.rt-r-size-3){
21398
+ --base-menu-content-padding: var(--space-3);
21399
+ --base-menu-item-padding-left: var(--space-3);
21400
+ --base-menu-item-padding-right: var(--space-3);
21401
+ --base-menu-item-padding-y: var(--space-2);
21402
+ --base-menu-item-height: var(--space-8);
21403
+ --sidebar-item-height: var(--base-menu-item-height);
21404
+ }
21405
+ .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.rt-r-size-1) :where(.rt-SidebarMenuButton){
21382
21406
  gap: var(--component-gap-2);
21383
21407
  font-size: var(--font-size-1);
21384
21408
  line-height: var(--line-height-1);
@@ -21386,18 +21410,18 @@
21386
21410
  border-radius: var(--radius-1);
21387
21411
  font-weight: var(--font-weight-regular);
21388
21412
  }
21389
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21413
+ .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21390
21414
  width: var(--content-icon-size-2);
21391
21415
  height: var(--content-icon-size-2);
21392
21416
  flex-shrink: 0;
21393
21417
  }
21394
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21418
+ .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21395
21419
  width: var(--indicator-icon-size-1);
21396
21420
  height: var(--indicator-icon-size-1);
21397
21421
  flex-shrink: 0;
21398
21422
  margin-left: auto;
21399
21423
  }
21400
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton){
21424
+ .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.rt-r-size-2) :where(.rt-SidebarMenuButton){
21401
21425
  gap: var(--component-gap-3);
21402
21426
  font-size: var(--font-size-2);
21403
21427
  line-height: var(--line-height-2);
@@ -21405,17 +21429,36 @@
21405
21429
  border-radius: var(--radius-2);
21406
21430
  font-weight: var(--font-weight-regular);
21407
21431
  }
21408
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21432
+ .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21409
21433
  width: var(--content-icon-size-3);
21410
21434
  height: var(--content-icon-size-3);
21411
21435
  flex-shrink: 0;
21412
21436
  }
21413
- .rt-SidebarContent:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21437
+ .rt-SidebarContent:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21438
+ width: var(--content-icon-size-3);
21439
+ height: var(--content-icon-size-3);
21440
+ flex-shrink: 0;
21441
+ }
21442
+ .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21443
+ width: var(--indicator-icon-size-2);
21444
+ height: var(--indicator-icon-size-2);
21445
+ flex-shrink: 0;
21446
+ margin-left: auto;
21447
+ }
21448
+ .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.rt-r-size-3) :where(.rt-SidebarMenuButton){
21449
+ gap: var(--component-gap-3);
21450
+ font-size: var(--font-size-3);
21451
+ line-height: var(--line-height-2);
21452
+ letter-spacing: var(--letter-spacing-2);
21453
+ border-radius: var(--radius-2);
21454
+ font-weight: var(--font-weight-regular);
21455
+ }
21456
+ .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21414
21457
  width: var(--content-icon-size-3);
21415
21458
  height: var(--content-icon-size-3);
21416
21459
  flex-shrink: 0;
21417
21460
  }
21418
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21461
+ .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
21419
21462
  width: var(--indicator-icon-size-2);
21420
21463
  height: var(--indicator-icon-size-2);
21421
21464
  flex-shrink: 0;
@@ -21458,7 +21501,31 @@
21458
21501
  --base-menu-item-height: var(--space-8);
21459
21502
  --sidebar-item-height: var(--base-menu-item-height);
21460
21503
  }
21461
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21504
+ .rt-SidebarHeader:where(.xs\:rt-r-size-1), .rt-SidebarFooter:where(.xs\:rt-r-size-1){
21505
+ --base-menu-content-padding: var(--space-2);
21506
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21507
+ --base-menu-item-padding-right: var(--space-2);
21508
+ --base-menu-item-padding-y: var(--space-1);
21509
+ --base-menu-item-height: var(--space-6);
21510
+ --sidebar-item-height: var(--base-menu-item-height);
21511
+ }
21512
+ .rt-SidebarHeader:where(.xs\:rt-r-size-2), .rt-SidebarFooter:where(.xs\:rt-r-size-2){
21513
+ --base-menu-content-padding: var(--space-3);
21514
+ --base-menu-item-padding-left: var(--space-3);
21515
+ --base-menu-item-padding-right: var(--space-3);
21516
+ --base-menu-item-padding-y: var(--space-1);
21517
+ --base-menu-item-height: var(--space-7);
21518
+ --sidebar-item-height: var(--base-menu-item-height);
21519
+ }
21520
+ .rt-SidebarHeader:where(.xs\:rt-r-size-3), .rt-SidebarFooter:where(.xs\:rt-r-size-3){
21521
+ --base-menu-content-padding: var(--space-3);
21522
+ --base-menu-item-padding-left: var(--space-3);
21523
+ --base-menu-item-padding-right: var(--space-3);
21524
+ --base-menu-item-padding-y: var(--space-2);
21525
+ --base-menu-item-height: var(--space-8);
21526
+ --sidebar-item-height: var(--base-menu-item-height);
21527
+ }
21528
+ .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21462
21529
  gap: var(--component-gap-2);
21463
21530
  font-size: var(--font-size-1);
21464
21531
  line-height: var(--line-height-1);
@@ -21466,18 +21533,18 @@
21466
21533
  border-radius: var(--radius-1);
21467
21534
  font-weight: var(--font-weight-regular);
21468
21535
  }
21469
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21536
+ .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21470
21537
  width: var(--content-icon-size-2);
21471
21538
  height: var(--content-icon-size-2);
21472
21539
  flex-shrink: 0;
21473
21540
  }
21474
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21541
+ .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21475
21542
  width: var(--indicator-icon-size-1);
21476
21543
  height: var(--indicator-icon-size-1);
21477
21544
  flex-shrink: 0;
21478
21545
  margin-left: auto;
21479
21546
  }
21480
- .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21547
+ .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21481
21548
  gap: var(--component-gap-3);
21482
21549
  font-size: var(--font-size-2);
21483
21550
  line-height: var(--line-height-2);
@@ -21485,17 +21552,36 @@
21485
21552
  border-radius: var(--radius-2);
21486
21553
  font-weight: var(--font-weight-regular);
21487
21554
  }
21488
- .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21555
+ .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21489
21556
  width: var(--content-icon-size-3);
21490
21557
  height: var(--content-icon-size-3);
21491
21558
  flex-shrink: 0;
21492
21559
  }
21493
- .rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21560
+ .rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21561
+ width: var(--content-icon-size-3);
21562
+ height: var(--content-icon-size-3);
21563
+ flex-shrink: 0;
21564
+ }
21565
+ .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21566
+ width: var(--indicator-icon-size-2);
21567
+ height: var(--indicator-icon-size-2);
21568
+ flex-shrink: 0;
21569
+ margin-left: auto;
21570
+ }
21571
+ .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton){
21572
+ gap: var(--component-gap-3);
21573
+ font-size: var(--font-size-3);
21574
+ line-height: var(--line-height-2);
21575
+ letter-spacing: var(--letter-spacing-2);
21576
+ border-radius: var(--radius-2);
21577
+ font-weight: var(--font-weight-regular);
21578
+ }
21579
+ .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21494
21580
  width: var(--content-icon-size-3);
21495
21581
  height: var(--content-icon-size-3);
21496
21582
  flex-shrink: 0;
21497
21583
  }
21498
- .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21584
+ .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
21499
21585
  width: var(--indicator-icon-size-2);
21500
21586
  height: var(--indicator-icon-size-2);
21501
21587
  flex-shrink: 0;
@@ -21539,7 +21625,31 @@
21539
21625
  --base-menu-item-height: var(--space-8);
21540
21626
  --sidebar-item-height: var(--base-menu-item-height);
21541
21627
  }
21542
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21628
+ .rt-SidebarHeader:where(.sm\:rt-r-size-1), .rt-SidebarFooter:where(.sm\:rt-r-size-1){
21629
+ --base-menu-content-padding: var(--space-2);
21630
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21631
+ --base-menu-item-padding-right: var(--space-2);
21632
+ --base-menu-item-padding-y: var(--space-1);
21633
+ --base-menu-item-height: var(--space-6);
21634
+ --sidebar-item-height: var(--base-menu-item-height);
21635
+ }
21636
+ .rt-SidebarHeader:where(.sm\:rt-r-size-2), .rt-SidebarFooter:where(.sm\:rt-r-size-2){
21637
+ --base-menu-content-padding: var(--space-3);
21638
+ --base-menu-item-padding-left: var(--space-3);
21639
+ --base-menu-item-padding-right: var(--space-3);
21640
+ --base-menu-item-padding-y: var(--space-1);
21641
+ --base-menu-item-height: var(--space-7);
21642
+ --sidebar-item-height: var(--base-menu-item-height);
21643
+ }
21644
+ .rt-SidebarHeader:where(.sm\:rt-r-size-3), .rt-SidebarFooter:where(.sm\:rt-r-size-3){
21645
+ --base-menu-content-padding: var(--space-3);
21646
+ --base-menu-item-padding-left: var(--space-3);
21647
+ --base-menu-item-padding-right: var(--space-3);
21648
+ --base-menu-item-padding-y: var(--space-2);
21649
+ --base-menu-item-height: var(--space-8);
21650
+ --sidebar-item-height: var(--base-menu-item-height);
21651
+ }
21652
+ .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21543
21653
  gap: var(--component-gap-2);
21544
21654
  font-size: var(--font-size-1);
21545
21655
  line-height: var(--line-height-1);
@@ -21547,18 +21657,18 @@
21547
21657
  border-radius: var(--radius-1);
21548
21658
  font-weight: var(--font-weight-regular);
21549
21659
  }
21550
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21660
+ .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21551
21661
  width: var(--content-icon-size-2);
21552
21662
  height: var(--content-icon-size-2);
21553
21663
  flex-shrink: 0;
21554
21664
  }
21555
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21665
+ .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21556
21666
  width: var(--indicator-icon-size-1);
21557
21667
  height: var(--indicator-icon-size-1);
21558
21668
  flex-shrink: 0;
21559
21669
  margin-left: auto;
21560
21670
  }
21561
- .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21671
+ .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21562
21672
  gap: var(--component-gap-3);
21563
21673
  font-size: var(--font-size-2);
21564
21674
  line-height: var(--line-height-2);
@@ -21566,17 +21676,36 @@
21566
21676
  border-radius: var(--radius-2);
21567
21677
  font-weight: var(--font-weight-regular);
21568
21678
  }
21569
- .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21679
+ .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21570
21680
  width: var(--content-icon-size-3);
21571
21681
  height: var(--content-icon-size-3);
21572
21682
  flex-shrink: 0;
21573
21683
  }
21574
- .rt-SidebarContent:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21684
+ .rt-SidebarContent:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21685
+ width: var(--content-icon-size-3);
21686
+ height: var(--content-icon-size-3);
21687
+ flex-shrink: 0;
21688
+ }
21689
+ .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21690
+ width: var(--indicator-icon-size-2);
21691
+ height: var(--indicator-icon-size-2);
21692
+ flex-shrink: 0;
21693
+ margin-left: auto;
21694
+ }
21695
+ .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton){
21696
+ gap: var(--component-gap-3);
21697
+ font-size: var(--font-size-3);
21698
+ line-height: var(--line-height-2);
21699
+ letter-spacing: var(--letter-spacing-2);
21700
+ border-radius: var(--radius-2);
21701
+ font-weight: var(--font-weight-regular);
21702
+ }
21703
+ .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21575
21704
  width: var(--content-icon-size-3);
21576
21705
  height: var(--content-icon-size-3);
21577
21706
  flex-shrink: 0;
21578
21707
  }
21579
- .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21708
+ .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
21580
21709
  width: var(--indicator-icon-size-2);
21581
21710
  height: var(--indicator-icon-size-2);
21582
21711
  flex-shrink: 0;
@@ -21620,7 +21749,31 @@
21620
21749
  --base-menu-item-height: var(--space-8);
21621
21750
  --sidebar-item-height: var(--base-menu-item-height);
21622
21751
  }
21623
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21752
+ .rt-SidebarHeader:where(.md\:rt-r-size-1), .rt-SidebarFooter:where(.md\:rt-r-size-1){
21753
+ --base-menu-content-padding: var(--space-2);
21754
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21755
+ --base-menu-item-padding-right: var(--space-2);
21756
+ --base-menu-item-padding-y: var(--space-1);
21757
+ --base-menu-item-height: var(--space-6);
21758
+ --sidebar-item-height: var(--base-menu-item-height);
21759
+ }
21760
+ .rt-SidebarHeader:where(.md\:rt-r-size-2), .rt-SidebarFooter:where(.md\:rt-r-size-2){
21761
+ --base-menu-content-padding: var(--space-3);
21762
+ --base-menu-item-padding-left: var(--space-3);
21763
+ --base-menu-item-padding-right: var(--space-3);
21764
+ --base-menu-item-padding-y: var(--space-1);
21765
+ --base-menu-item-height: var(--space-7);
21766
+ --sidebar-item-height: var(--base-menu-item-height);
21767
+ }
21768
+ .rt-SidebarHeader:where(.md\:rt-r-size-3), .rt-SidebarFooter:where(.md\:rt-r-size-3){
21769
+ --base-menu-content-padding: var(--space-3);
21770
+ --base-menu-item-padding-left: var(--space-3);
21771
+ --base-menu-item-padding-right: var(--space-3);
21772
+ --base-menu-item-padding-y: var(--space-2);
21773
+ --base-menu-item-height: var(--space-8);
21774
+ --sidebar-item-height: var(--base-menu-item-height);
21775
+ }
21776
+ .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21624
21777
  gap: var(--component-gap-2);
21625
21778
  font-size: var(--font-size-1);
21626
21779
  line-height: var(--line-height-1);
@@ -21628,18 +21781,18 @@
21628
21781
  border-radius: var(--radius-1);
21629
21782
  font-weight: var(--font-weight-regular);
21630
21783
  }
21631
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21784
+ .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21632
21785
  width: var(--content-icon-size-2);
21633
21786
  height: var(--content-icon-size-2);
21634
21787
  flex-shrink: 0;
21635
21788
  }
21636
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21789
+ .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21637
21790
  width: var(--indicator-icon-size-1);
21638
21791
  height: var(--indicator-icon-size-1);
21639
21792
  flex-shrink: 0;
21640
21793
  margin-left: auto;
21641
21794
  }
21642
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21795
+ .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21643
21796
  gap: var(--component-gap-3);
21644
21797
  font-size: var(--font-size-2);
21645
21798
  line-height: var(--line-height-2);
@@ -21647,17 +21800,36 @@
21647
21800
  border-radius: var(--radius-2);
21648
21801
  font-weight: var(--font-weight-regular);
21649
21802
  }
21650
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21803
+ .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21651
21804
  width: var(--content-icon-size-3);
21652
21805
  height: var(--content-icon-size-3);
21653
21806
  flex-shrink: 0;
21654
21807
  }
21655
- .rt-SidebarContent:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21808
+ .rt-SidebarContent:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21809
+ width: var(--content-icon-size-3);
21810
+ height: var(--content-icon-size-3);
21811
+ flex-shrink: 0;
21812
+ }
21813
+ .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21814
+ width: var(--indicator-icon-size-2);
21815
+ height: var(--indicator-icon-size-2);
21816
+ flex-shrink: 0;
21817
+ margin-left: auto;
21818
+ }
21819
+ .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton){
21820
+ gap: var(--component-gap-3);
21821
+ font-size: var(--font-size-3);
21822
+ line-height: var(--line-height-2);
21823
+ letter-spacing: var(--letter-spacing-2);
21824
+ border-radius: var(--radius-2);
21825
+ font-weight: var(--font-weight-regular);
21826
+ }
21827
+ .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21656
21828
  width: var(--content-icon-size-3);
21657
21829
  height: var(--content-icon-size-3);
21658
21830
  flex-shrink: 0;
21659
21831
  }
21660
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21832
+ .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.md\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.md\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
21661
21833
  width: var(--indicator-icon-size-2);
21662
21834
  height: var(--indicator-icon-size-2);
21663
21835
  flex-shrink: 0;
@@ -21701,7 +21873,31 @@
21701
21873
  --base-menu-item-height: var(--space-8);
21702
21874
  --sidebar-item-height: var(--base-menu-item-height);
21703
21875
  }
21704
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21876
+ .rt-SidebarHeader:where(.lg\:rt-r-size-1), .rt-SidebarFooter:where(.lg\:rt-r-size-1){
21877
+ --base-menu-content-padding: var(--space-2);
21878
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21879
+ --base-menu-item-padding-right: var(--space-2);
21880
+ --base-menu-item-padding-y: var(--space-1);
21881
+ --base-menu-item-height: var(--space-6);
21882
+ --sidebar-item-height: var(--base-menu-item-height);
21883
+ }
21884
+ .rt-SidebarHeader:where(.lg\:rt-r-size-2), .rt-SidebarFooter:where(.lg\:rt-r-size-2){
21885
+ --base-menu-content-padding: var(--space-3);
21886
+ --base-menu-item-padding-left: var(--space-3);
21887
+ --base-menu-item-padding-right: var(--space-3);
21888
+ --base-menu-item-padding-y: var(--space-1);
21889
+ --base-menu-item-height: var(--space-7);
21890
+ --sidebar-item-height: var(--base-menu-item-height);
21891
+ }
21892
+ .rt-SidebarHeader:where(.lg\:rt-r-size-3), .rt-SidebarFooter:where(.lg\:rt-r-size-3){
21893
+ --base-menu-content-padding: var(--space-3);
21894
+ --base-menu-item-padding-left: var(--space-3);
21895
+ --base-menu-item-padding-right: var(--space-3);
21896
+ --base-menu-item-padding-y: var(--space-2);
21897
+ --base-menu-item-height: var(--space-8);
21898
+ --sidebar-item-height: var(--base-menu-item-height);
21899
+ }
21900
+ .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21705
21901
  gap: var(--component-gap-2);
21706
21902
  font-size: var(--font-size-1);
21707
21903
  line-height: var(--line-height-1);
@@ -21709,18 +21905,18 @@
21709
21905
  border-radius: var(--radius-1);
21710
21906
  font-weight: var(--font-weight-regular);
21711
21907
  }
21712
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21908
+ .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21713
21909
  width: var(--content-icon-size-2);
21714
21910
  height: var(--content-icon-size-2);
21715
21911
  flex-shrink: 0;
21716
21912
  }
21717
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21913
+ .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21718
21914
  width: var(--indicator-icon-size-1);
21719
21915
  height: var(--indicator-icon-size-1);
21720
21916
  flex-shrink: 0;
21721
21917
  margin-left: auto;
21722
21918
  }
21723
- .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21919
+ .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21724
21920
  gap: var(--component-gap-3);
21725
21921
  font-size: var(--font-size-2);
21726
21922
  line-height: var(--line-height-2);
@@ -21728,17 +21924,36 @@
21728
21924
  border-radius: var(--radius-2);
21729
21925
  font-weight: var(--font-weight-regular);
21730
21926
  }
21731
- .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21927
+ .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21732
21928
  width: var(--content-icon-size-3);
21733
21929
  height: var(--content-icon-size-3);
21734
21930
  flex-shrink: 0;
21735
21931
  }
21736
- .rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21932
+ .rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21933
+ width: var(--content-icon-size-3);
21934
+ height: var(--content-icon-size-3);
21935
+ flex-shrink: 0;
21936
+ }
21937
+ .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21938
+ width: var(--indicator-icon-size-2);
21939
+ height: var(--indicator-icon-size-2);
21940
+ flex-shrink: 0;
21941
+ margin-left: auto;
21942
+ }
21943
+ .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton){
21944
+ gap: var(--component-gap-3);
21945
+ font-size: var(--font-size-3);
21946
+ line-height: var(--line-height-2);
21947
+ letter-spacing: var(--letter-spacing-2);
21948
+ border-radius: var(--radius-2);
21949
+ font-weight: var(--font-weight-regular);
21950
+ }
21951
+ .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21737
21952
  width: var(--content-icon-size-3);
21738
21953
  height: var(--content-icon-size-3);
21739
21954
  flex-shrink: 0;
21740
21955
  }
21741
- .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
21956
+ .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
21742
21957
  width: var(--indicator-icon-size-2);
21743
21958
  height: var(--indicator-icon-size-2);
21744
21959
  flex-shrink: 0;
@@ -21782,7 +21997,31 @@
21782
21997
  --base-menu-item-height: var(--space-8);
21783
21998
  --sidebar-item-height: var(--base-menu-item-height);
21784
21999
  }
21785
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton){
22000
+ .rt-SidebarHeader:where(.xl\:rt-r-size-1), .rt-SidebarFooter:where(.xl\:rt-r-size-1){
22001
+ --base-menu-content-padding: var(--space-2);
22002
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
22003
+ --base-menu-item-padding-right: var(--space-2);
22004
+ --base-menu-item-padding-y: var(--space-1);
22005
+ --base-menu-item-height: var(--space-6);
22006
+ --sidebar-item-height: var(--base-menu-item-height);
22007
+ }
22008
+ .rt-SidebarHeader:where(.xl\:rt-r-size-2), .rt-SidebarFooter:where(.xl\:rt-r-size-2){
22009
+ --base-menu-content-padding: var(--space-3);
22010
+ --base-menu-item-padding-left: var(--space-3);
22011
+ --base-menu-item-padding-right: var(--space-3);
22012
+ --base-menu-item-padding-y: var(--space-1);
22013
+ --base-menu-item-height: var(--space-7);
22014
+ --sidebar-item-height: var(--base-menu-item-height);
22015
+ }
22016
+ .rt-SidebarHeader:where(.xl\:rt-r-size-3), .rt-SidebarFooter:where(.xl\:rt-r-size-3){
22017
+ --base-menu-content-padding: var(--space-3);
22018
+ --base-menu-item-padding-left: var(--space-3);
22019
+ --base-menu-item-padding-right: var(--space-3);
22020
+ --base-menu-item-padding-y: var(--space-2);
22021
+ --base-menu-item-height: var(--space-8);
22022
+ --sidebar-item-height: var(--base-menu-item-height);
22023
+ }
22024
+ .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton){
21786
22025
  gap: var(--component-gap-2);
21787
22026
  font-size: var(--font-size-1);
21788
22027
  line-height: var(--line-height-1);
@@ -21790,18 +22029,18 @@
21790
22029
  border-radius: var(--radius-1);
21791
22030
  font-weight: var(--font-weight-regular);
21792
22031
  }
21793
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
22032
+ .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
21794
22033
  width: var(--content-icon-size-2);
21795
22034
  height: var(--content-icon-size-2);
21796
22035
  flex-shrink: 0;
21797
22036
  }
21798
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
22037
+ .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
21799
22038
  width: var(--indicator-icon-size-1);
21800
22039
  height: var(--indicator-icon-size-1);
21801
22040
  flex-shrink: 0;
21802
22041
  margin-left: auto;
21803
22042
  }
21804
- .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton){
22043
+ .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton){
21805
22044
  gap: var(--component-gap-3);
21806
22045
  font-size: var(--font-size-2);
21807
22046
  line-height: var(--line-height-2);
@@ -21809,17 +22048,36 @@
21809
22048
  border-radius: var(--radius-2);
21810
22049
  font-weight: var(--font-weight-regular);
21811
22050
  }
21812
- .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
22051
+ .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
21813
22052
  width: var(--content-icon-size-3);
21814
22053
  height: var(--content-icon-size-3);
21815
22054
  flex-shrink: 0;
21816
22055
  }
21817
- .rt-SidebarContent:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
22056
+ .rt-SidebarContent:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
22057
+ width: var(--content-icon-size-3);
22058
+ height: var(--content-icon-size-3);
22059
+ flex-shrink: 0;
22060
+ }
22061
+ .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
22062
+ width: var(--indicator-icon-size-2);
22063
+ height: var(--indicator-icon-size-2);
22064
+ flex-shrink: 0;
22065
+ margin-left: auto;
22066
+ }
22067
+ .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton){
22068
+ gap: var(--component-gap-3);
22069
+ font-size: var(--font-size-3);
22070
+ line-height: var(--line-height-2);
22071
+ letter-spacing: var(--letter-spacing-2);
22072
+ border-radius: var(--radius-2);
22073
+ font-weight: var(--font-weight-regular);
22074
+ }
22075
+ .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
21818
22076
  width: var(--content-icon-size-3);
21819
22077
  height: var(--content-icon-size-3);
21820
22078
  flex-shrink: 0;
21821
22079
  }
21822
- .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
22080
+ .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
21823
22081
  width: var(--indicator-icon-size-2);
21824
22082
  height: var(--indicator-icon-size-2);
21825
22083
  flex-shrink: 0;