@kushagradhawan/kookie-ui 0.1.68 → 0.1.70

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 (19) hide show
  1. package/components.css +174 -60
  2. package/dist/cjs/components/chatbar.d.ts +2 -2
  3. package/dist/cjs/components/chatbar.d.ts.map +1 -1
  4. package/dist/cjs/components/chatbar.js +1 -1
  5. package/dist/cjs/components/chatbar.js.map +3 -3
  6. package/dist/esm/components/chatbar.d.ts +2 -2
  7. package/dist/esm/components/chatbar.d.ts.map +1 -1
  8. package/dist/esm/components/chatbar.js +1 -1
  9. package/dist/esm/components/chatbar.js.map +3 -3
  10. package/package.json +1 -1
  11. package/schemas/base-button.json +1 -1
  12. package/schemas/button.json +1 -1
  13. package/schemas/icon-button.json +1 -1
  14. package/schemas/index.json +6 -6
  15. package/schemas/toggle-button.json +1 -1
  16. package/schemas/toggle-icon-button.json +1 -1
  17. package/src/components/chatbar.tsx +6 -6
  18. package/src/components/sidebar.css +36 -5
  19. package/styles.css +174 -60
package/styles.css CHANGED
@@ -21383,7 +21383,7 @@
21383
21383
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21384
21384
  --base-menu-item-padding-right: var(--space-2);
21385
21385
  --base-menu-item-padding-y: var(--space-1);
21386
- --base-menu-item-height: var(--space-5);
21386
+ --base-menu-item-height: var(--space-6);
21387
21387
  --sidebar-item-height: var(--base-menu-item-height);
21388
21388
  }
21389
21389
  .rt-SidebarHeader:where(.rt-r-size-2), .rt-SidebarFooter:where(.rt-r-size-2){
@@ -21391,7 +21391,7 @@
21391
21391
  --base-menu-item-padding-left: var(--space-3);
21392
21392
  --base-menu-item-padding-right: var(--space-3);
21393
21393
  --base-menu-item-padding-y: var(--space-1);
21394
- --base-menu-item-height: var(--space-6);
21394
+ --base-menu-item-height: var(--space-7);
21395
21395
  --sidebar-item-height: var(--base-menu-item-height);
21396
21396
  }
21397
21397
  .rt-SidebarHeader:where(.rt-r-size-3), .rt-SidebarFooter:where(.rt-r-size-3){
@@ -21399,10 +21399,10 @@
21399
21399
  --base-menu-item-padding-left: var(--space-3);
21400
21400
  --base-menu-item-padding-right: var(--space-3);
21401
21401
  --base-menu-item-padding-y: var(--space-2);
21402
- --base-menu-item-height: var(--space-7);
21402
+ --base-menu-item-height: var(--space-8);
21403
21403
  --sidebar-item-height: var(--base-menu-item-height);
21404
21404
  }
21405
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton){
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){
21406
21406
  gap: var(--component-gap-2);
21407
21407
  font-size: var(--font-size-1);
21408
21408
  line-height: var(--line-height-1);
@@ -21410,18 +21410,18 @@
21410
21410
  border-radius: var(--radius-1);
21411
21411
  font-weight: var(--font-weight-regular);
21412
21412
  }
21413
- .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){
21414
21414
  width: var(--content-icon-size-2);
21415
21415
  height: var(--content-icon-size-2);
21416
21416
  flex-shrink: 0;
21417
21417
  }
21418
- .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){
21419
21419
  width: var(--indicator-icon-size-1);
21420
21420
  height: var(--indicator-icon-size-1);
21421
21421
  flex-shrink: 0;
21422
21422
  margin-left: auto;
21423
21423
  }
21424
- .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){
21425
21425
  gap: var(--component-gap-3);
21426
21426
  font-size: var(--font-size-2);
21427
21427
  line-height: var(--line-height-2);
@@ -21429,17 +21429,36 @@
21429
21429
  border-radius: var(--radius-2);
21430
21430
  font-weight: var(--font-weight-regular);
21431
21431
  }
21432
- .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){
21433
21433
  width: var(--content-icon-size-3);
21434
21434
  height: var(--content-icon-size-3);
21435
21435
  flex-shrink: 0;
21436
21436
  }
21437
- .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
21438
  width: var(--content-icon-size-3);
21439
21439
  height: var(--content-icon-size-3);
21440
21440
  flex-shrink: 0;
21441
21441
  }
21442
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
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){
21457
+ width: var(--content-icon-size-3);
21458
+ height: var(--content-icon-size-3);
21459
+ flex-shrink: 0;
21460
+ }
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){
21443
21462
  width: var(--indicator-icon-size-2);
21444
21463
  height: var(--indicator-icon-size-2);
21445
21464
  flex-shrink: 0;
@@ -21487,7 +21506,7 @@
21487
21506
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21488
21507
  --base-menu-item-padding-right: var(--space-2);
21489
21508
  --base-menu-item-padding-y: var(--space-1);
21490
- --base-menu-item-height: var(--space-5);
21509
+ --base-menu-item-height: var(--space-6);
21491
21510
  --sidebar-item-height: var(--base-menu-item-height);
21492
21511
  }
21493
21512
  .rt-SidebarHeader:where(.xs\:rt-r-size-2), .rt-SidebarFooter:where(.xs\:rt-r-size-2){
@@ -21495,7 +21514,7 @@
21495
21514
  --base-menu-item-padding-left: var(--space-3);
21496
21515
  --base-menu-item-padding-right: var(--space-3);
21497
21516
  --base-menu-item-padding-y: var(--space-1);
21498
- --base-menu-item-height: var(--space-6);
21517
+ --base-menu-item-height: var(--space-7);
21499
21518
  --sidebar-item-height: var(--base-menu-item-height);
21500
21519
  }
21501
21520
  .rt-SidebarHeader:where(.xs\:rt-r-size-3), .rt-SidebarFooter:where(.xs\:rt-r-size-3){
@@ -21503,10 +21522,10 @@
21503
21522
  --base-menu-item-padding-left: var(--space-3);
21504
21523
  --base-menu-item-padding-right: var(--space-3);
21505
21524
  --base-menu-item-padding-y: var(--space-2);
21506
- --base-menu-item-height: var(--space-7);
21525
+ --base-menu-item-height: var(--space-8);
21507
21526
  --sidebar-item-height: var(--base-menu-item-height);
21508
21527
  }
21509
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton){
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){
21510
21529
  gap: var(--component-gap-2);
21511
21530
  font-size: var(--font-size-1);
21512
21531
  line-height: var(--line-height-1);
@@ -21514,18 +21533,18 @@
21514
21533
  border-radius: var(--radius-1);
21515
21534
  font-weight: var(--font-weight-regular);
21516
21535
  }
21517
- .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){
21518
21537
  width: var(--content-icon-size-2);
21519
21538
  height: var(--content-icon-size-2);
21520
21539
  flex-shrink: 0;
21521
21540
  }
21522
- .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){
21523
21542
  width: var(--indicator-icon-size-1);
21524
21543
  height: var(--indicator-icon-size-1);
21525
21544
  flex-shrink: 0;
21526
21545
  margin-left: auto;
21527
21546
  }
21528
- .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){
21529
21548
  gap: var(--component-gap-3);
21530
21549
  font-size: var(--font-size-2);
21531
21550
  line-height: var(--line-height-2);
@@ -21533,17 +21552,36 @@
21533
21552
  border-radius: var(--radius-2);
21534
21553
  font-weight: var(--font-weight-regular);
21535
21554
  }
21536
- .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){
21556
+ width: var(--content-icon-size-3);
21557
+ height: var(--content-icon-size-3);
21558
+ flex-shrink: 0;
21559
+ }
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){
21537
21561
  width: var(--content-icon-size-3);
21538
21562
  height: var(--content-icon-size-3);
21539
21563
  flex-shrink: 0;
21540
21564
  }
21541
- .rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
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){
21542
21580
  width: var(--content-icon-size-3);
21543
21581
  height: var(--content-icon-size-3);
21544
21582
  flex-shrink: 0;
21545
21583
  }
21546
- .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){
21547
21585
  width: var(--indicator-icon-size-2);
21548
21586
  height: var(--indicator-icon-size-2);
21549
21587
  flex-shrink: 0;
@@ -21592,7 +21630,7 @@
21592
21630
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21593
21631
  --base-menu-item-padding-right: var(--space-2);
21594
21632
  --base-menu-item-padding-y: var(--space-1);
21595
- --base-menu-item-height: var(--space-5);
21633
+ --base-menu-item-height: var(--space-6);
21596
21634
  --sidebar-item-height: var(--base-menu-item-height);
21597
21635
  }
21598
21636
  .rt-SidebarHeader:where(.sm\:rt-r-size-2), .rt-SidebarFooter:where(.sm\:rt-r-size-2){
@@ -21600,7 +21638,7 @@
21600
21638
  --base-menu-item-padding-left: var(--space-3);
21601
21639
  --base-menu-item-padding-right: var(--space-3);
21602
21640
  --base-menu-item-padding-y: var(--space-1);
21603
- --base-menu-item-height: var(--space-6);
21641
+ --base-menu-item-height: var(--space-7);
21604
21642
  --sidebar-item-height: var(--base-menu-item-height);
21605
21643
  }
21606
21644
  .rt-SidebarHeader:where(.sm\:rt-r-size-3), .rt-SidebarFooter:where(.sm\:rt-r-size-3){
@@ -21608,10 +21646,10 @@
21608
21646
  --base-menu-item-padding-left: var(--space-3);
21609
21647
  --base-menu-item-padding-right: var(--space-3);
21610
21648
  --base-menu-item-padding-y: var(--space-2);
21611
- --base-menu-item-height: var(--space-7);
21649
+ --base-menu-item-height: var(--space-8);
21612
21650
  --sidebar-item-height: var(--base-menu-item-height);
21613
21651
  }
21614
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton){
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){
21615
21653
  gap: var(--component-gap-2);
21616
21654
  font-size: var(--font-size-1);
21617
21655
  line-height: var(--line-height-1);
@@ -21619,18 +21657,18 @@
21619
21657
  border-radius: var(--radius-1);
21620
21658
  font-weight: var(--font-weight-regular);
21621
21659
  }
21622
- .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){
21623
21661
  width: var(--content-icon-size-2);
21624
21662
  height: var(--content-icon-size-2);
21625
21663
  flex-shrink: 0;
21626
21664
  }
21627
- .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){
21628
21666
  width: var(--indicator-icon-size-1);
21629
21667
  height: var(--indicator-icon-size-1);
21630
21668
  flex-shrink: 0;
21631
21669
  margin-left: auto;
21632
21670
  }
21633
- .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){
21634
21672
  gap: var(--component-gap-3);
21635
21673
  font-size: var(--font-size-2);
21636
21674
  line-height: var(--line-height-2);
@@ -21638,17 +21676,36 @@
21638
21676
  border-radius: var(--radius-2);
21639
21677
  font-weight: var(--font-weight-regular);
21640
21678
  }
21641
- .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){
21642
21680
  width: var(--content-icon-size-3);
21643
21681
  height: var(--content-icon-size-3);
21644
21682
  flex-shrink: 0;
21645
21683
  }
21646
- .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){
21647
21704
  width: var(--content-icon-size-3);
21648
21705
  height: var(--content-icon-size-3);
21649
21706
  flex-shrink: 0;
21650
21707
  }
21651
- .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){
21652
21709
  width: var(--indicator-icon-size-2);
21653
21710
  height: var(--indicator-icon-size-2);
21654
21711
  flex-shrink: 0;
@@ -21697,7 +21754,7 @@
21697
21754
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21698
21755
  --base-menu-item-padding-right: var(--space-2);
21699
21756
  --base-menu-item-padding-y: var(--space-1);
21700
- --base-menu-item-height: var(--space-5);
21757
+ --base-menu-item-height: var(--space-6);
21701
21758
  --sidebar-item-height: var(--base-menu-item-height);
21702
21759
  }
21703
21760
  .rt-SidebarHeader:where(.md\:rt-r-size-2), .rt-SidebarFooter:where(.md\:rt-r-size-2){
@@ -21705,7 +21762,7 @@
21705
21762
  --base-menu-item-padding-left: var(--space-3);
21706
21763
  --base-menu-item-padding-right: var(--space-3);
21707
21764
  --base-menu-item-padding-y: var(--space-1);
21708
- --base-menu-item-height: var(--space-6);
21765
+ --base-menu-item-height: var(--space-7);
21709
21766
  --sidebar-item-height: var(--base-menu-item-height);
21710
21767
  }
21711
21768
  .rt-SidebarHeader:where(.md\:rt-r-size-3), .rt-SidebarFooter:where(.md\:rt-r-size-3){
@@ -21713,10 +21770,10 @@
21713
21770
  --base-menu-item-padding-left: var(--space-3);
21714
21771
  --base-menu-item-padding-right: var(--space-3);
21715
21772
  --base-menu-item-padding-y: var(--space-2);
21716
- --base-menu-item-height: var(--space-7);
21773
+ --base-menu-item-height: var(--space-8);
21717
21774
  --sidebar-item-height: var(--base-menu-item-height);
21718
21775
  }
21719
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton){
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){
21720
21777
  gap: var(--component-gap-2);
21721
21778
  font-size: var(--font-size-1);
21722
21779
  line-height: var(--line-height-1);
@@ -21724,18 +21781,18 @@
21724
21781
  border-radius: var(--radius-1);
21725
21782
  font-weight: var(--font-weight-regular);
21726
21783
  }
21727
- .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){
21728
21785
  width: var(--content-icon-size-2);
21729
21786
  height: var(--content-icon-size-2);
21730
21787
  flex-shrink: 0;
21731
21788
  }
21732
- .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){
21733
21790
  width: var(--indicator-icon-size-1);
21734
21791
  height: var(--indicator-icon-size-1);
21735
21792
  flex-shrink: 0;
21736
21793
  margin-left: auto;
21737
21794
  }
21738
- .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){
21739
21796
  gap: var(--component-gap-3);
21740
21797
  font-size: var(--font-size-2);
21741
21798
  line-height: var(--line-height-2);
@@ -21743,17 +21800,36 @@
21743
21800
  border-radius: var(--radius-2);
21744
21801
  font-weight: var(--font-weight-regular);
21745
21802
  }
21746
- .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){
21747
21804
  width: var(--content-icon-size-3);
21748
21805
  height: var(--content-icon-size-3);
21749
21806
  flex-shrink: 0;
21750
21807
  }
21751
- .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){
21752
21809
  width: var(--content-icon-size-3);
21753
21810
  height: var(--content-icon-size-3);
21754
21811
  flex-shrink: 0;
21755
21812
  }
21756
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
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){
21828
+ width: var(--content-icon-size-3);
21829
+ height: var(--content-icon-size-3);
21830
+ flex-shrink: 0;
21831
+ }
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){
21757
21833
  width: var(--indicator-icon-size-2);
21758
21834
  height: var(--indicator-icon-size-2);
21759
21835
  flex-shrink: 0;
@@ -21802,7 +21878,7 @@
21802
21878
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21803
21879
  --base-menu-item-padding-right: var(--space-2);
21804
21880
  --base-menu-item-padding-y: var(--space-1);
21805
- --base-menu-item-height: var(--space-5);
21881
+ --base-menu-item-height: var(--space-6);
21806
21882
  --sidebar-item-height: var(--base-menu-item-height);
21807
21883
  }
21808
21884
  .rt-SidebarHeader:where(.lg\:rt-r-size-2), .rt-SidebarFooter:where(.lg\:rt-r-size-2){
@@ -21810,7 +21886,7 @@
21810
21886
  --base-menu-item-padding-left: var(--space-3);
21811
21887
  --base-menu-item-padding-right: var(--space-3);
21812
21888
  --base-menu-item-padding-y: var(--space-1);
21813
- --base-menu-item-height: var(--space-6);
21889
+ --base-menu-item-height: var(--space-7);
21814
21890
  --sidebar-item-height: var(--base-menu-item-height);
21815
21891
  }
21816
21892
  .rt-SidebarHeader:where(.lg\:rt-r-size-3), .rt-SidebarFooter:where(.lg\:rt-r-size-3){
@@ -21818,10 +21894,10 @@
21818
21894
  --base-menu-item-padding-left: var(--space-3);
21819
21895
  --base-menu-item-padding-right: var(--space-3);
21820
21896
  --base-menu-item-padding-y: var(--space-2);
21821
- --base-menu-item-height: var(--space-7);
21897
+ --base-menu-item-height: var(--space-8);
21822
21898
  --sidebar-item-height: var(--base-menu-item-height);
21823
21899
  }
21824
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton){
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){
21825
21901
  gap: var(--component-gap-2);
21826
21902
  font-size: var(--font-size-1);
21827
21903
  line-height: var(--line-height-1);
@@ -21829,18 +21905,18 @@
21829
21905
  border-radius: var(--radius-1);
21830
21906
  font-weight: var(--font-weight-regular);
21831
21907
  }
21832
- .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){
21833
21909
  width: var(--content-icon-size-2);
21834
21910
  height: var(--content-icon-size-2);
21835
21911
  flex-shrink: 0;
21836
21912
  }
21837
- .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){
21838
21914
  width: var(--indicator-icon-size-1);
21839
21915
  height: var(--indicator-icon-size-1);
21840
21916
  flex-shrink: 0;
21841
21917
  margin-left: auto;
21842
21918
  }
21843
- .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){
21844
21920
  gap: var(--component-gap-3);
21845
21921
  font-size: var(--font-size-2);
21846
21922
  line-height: var(--line-height-2);
@@ -21848,17 +21924,36 @@
21848
21924
  border-radius: var(--radius-2);
21849
21925
  font-weight: var(--font-weight-regular);
21850
21926
  }
21851
- .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){
21928
+ width: var(--content-icon-size-3);
21929
+ height: var(--content-icon-size-3);
21930
+ flex-shrink: 0;
21931
+ }
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){
21852
21933
  width: var(--content-icon-size-3);
21853
21934
  height: var(--content-icon-size-3);
21854
21935
  flex-shrink: 0;
21855
21936
  }
21856
- .rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
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){
21857
21952
  width: var(--content-icon-size-3);
21858
21953
  height: var(--content-icon-size-3);
21859
21954
  flex-shrink: 0;
21860
21955
  }
21861
- .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){
21862
21957
  width: var(--indicator-icon-size-2);
21863
21958
  height: var(--indicator-icon-size-2);
21864
21959
  flex-shrink: 0;
@@ -21907,7 +22002,7 @@
21907
22002
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
21908
22003
  --base-menu-item-padding-right: var(--space-2);
21909
22004
  --base-menu-item-padding-y: var(--space-1);
21910
- --base-menu-item-height: var(--space-5);
22005
+ --base-menu-item-height: var(--space-6);
21911
22006
  --sidebar-item-height: var(--base-menu-item-height);
21912
22007
  }
21913
22008
  .rt-SidebarHeader:where(.xl\:rt-r-size-2), .rt-SidebarFooter:where(.xl\:rt-r-size-2){
@@ -21915,7 +22010,7 @@
21915
22010
  --base-menu-item-padding-left: var(--space-3);
21916
22011
  --base-menu-item-padding-right: var(--space-3);
21917
22012
  --base-menu-item-padding-y: var(--space-1);
21918
- --base-menu-item-height: var(--space-6);
22013
+ --base-menu-item-height: var(--space-7);
21919
22014
  --sidebar-item-height: var(--base-menu-item-height);
21920
22015
  }
21921
22016
  .rt-SidebarHeader:where(.xl\:rt-r-size-3), .rt-SidebarFooter:where(.xl\:rt-r-size-3){
@@ -21923,10 +22018,10 @@
21923
22018
  --base-menu-item-padding-left: var(--space-3);
21924
22019
  --base-menu-item-padding-right: var(--space-3);
21925
22020
  --base-menu-item-padding-y: var(--space-2);
21926
- --base-menu-item-height: var(--space-7);
22021
+ --base-menu-item-height: var(--space-8);
21927
22022
  --sidebar-item-height: var(--base-menu-item-height);
21928
22023
  }
21929
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton){
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){
21930
22025
  gap: var(--component-gap-2);
21931
22026
  font-size: var(--font-size-1);
21932
22027
  line-height: var(--line-height-1);
@@ -21934,18 +22029,18 @@
21934
22029
  border-radius: var(--radius-1);
21935
22030
  font-weight: var(--font-weight-regular);
21936
22031
  }
21937
- .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){
21938
22033
  width: var(--content-icon-size-2);
21939
22034
  height: var(--content-icon-size-2);
21940
22035
  flex-shrink: 0;
21941
22036
  }
21942
- .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){
21943
22038
  width: var(--indicator-icon-size-1);
21944
22039
  height: var(--indicator-icon-size-1);
21945
22040
  flex-shrink: 0;
21946
22041
  margin-left: auto;
21947
22042
  }
21948
- .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){
21949
22044
  gap: var(--component-gap-3);
21950
22045
  font-size: var(--font-size-2);
21951
22046
  line-height: var(--line-height-2);
@@ -21953,17 +22048,36 @@
21953
22048
  border-radius: var(--radius-2);
21954
22049
  font-weight: var(--font-weight-regular);
21955
22050
  }
21956
- .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){
21957
22052
  width: var(--content-icon-size-3);
21958
22053
  height: var(--content-icon-size-3);
21959
22054
  flex-shrink: 0;
21960
22055
  }
21961
- .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){
21962
22076
  width: var(--content-icon-size-3);
21963
22077
  height: var(--content-icon-size-3);
21964
22078
  flex-shrink: 0;
21965
22079
  }
21966
- .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){
21967
22081
  width: var(--indicator-icon-size-2);
21968
22082
  height: var(--indicator-icon-size-2);
21969
22083
  flex-shrink: 0;