@kushagradhawan/kookie-ui 0.1.68 → 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 +174 -60
  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 +36 -5
  10. package/styles.css +174 -60
package/components.css CHANGED
@@ -16378,7 +16378,7 @@
16378
16378
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16379
16379
  --base-menu-item-padding-right: var(--space-2);
16380
16380
  --base-menu-item-padding-y: var(--space-1);
16381
- --base-menu-item-height: var(--space-5);
16381
+ --base-menu-item-height: var(--space-6);
16382
16382
  --sidebar-item-height: var(--base-menu-item-height);
16383
16383
  }
16384
16384
  .rt-SidebarHeader:where(.rt-r-size-2), .rt-SidebarFooter:where(.rt-r-size-2) {
@@ -16386,7 +16386,7 @@
16386
16386
  --base-menu-item-padding-left: var(--space-3);
16387
16387
  --base-menu-item-padding-right: var(--space-3);
16388
16388
  --base-menu-item-padding-y: var(--space-1);
16389
- --base-menu-item-height: var(--space-6);
16389
+ --base-menu-item-height: var(--space-7);
16390
16390
  --sidebar-item-height: var(--base-menu-item-height);
16391
16391
  }
16392
16392
  .rt-SidebarHeader:where(.rt-r-size-3), .rt-SidebarFooter:where(.rt-r-size-3) {
@@ -16394,10 +16394,10 @@
16394
16394
  --base-menu-item-padding-left: var(--space-3);
16395
16395
  --base-menu-item-padding-right: var(--space-3);
16396
16396
  --base-menu-item-padding-y: var(--space-2);
16397
- --base-menu-item-height: var(--space-7);
16397
+ --base-menu-item-height: var(--space-8);
16398
16398
  --sidebar-item-height: var(--base-menu-item-height);
16399
16399
  }
16400
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) {
16400
+ .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) {
16401
16401
  gap: var(--component-gap-2);
16402
16402
  font-size: var(--font-size-1);
16403
16403
  line-height: var(--line-height-1);
@@ -16405,18 +16405,18 @@
16405
16405
  border-radius: var(--radius-1);
16406
16406
  font-weight: var(--font-weight-regular);
16407
16407
  }
16408
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
16408
+ .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) {
16409
16409
  width: var(--content-icon-size-2);
16410
16410
  height: var(--content-icon-size-2);
16411
16411
  flex-shrink: 0;
16412
16412
  }
16413
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
16413
+ .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) {
16414
16414
  width: var(--indicator-icon-size-1);
16415
16415
  height: var(--indicator-icon-size-1);
16416
16416
  flex-shrink: 0;
16417
16417
  margin-left: auto;
16418
16418
  }
16419
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) {
16419
+ .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) {
16420
16420
  gap: var(--component-gap-3);
16421
16421
  font-size: var(--font-size-2);
16422
16422
  line-height: var(--line-height-2);
@@ -16424,17 +16424,36 @@
16424
16424
  border-radius: var(--radius-2);
16425
16425
  font-weight: var(--font-weight-regular);
16426
16426
  }
16427
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
16427
+ .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) {
16428
16428
  width: var(--content-icon-size-3);
16429
16429
  height: var(--content-icon-size-3);
16430
16430
  flex-shrink: 0;
16431
16431
  }
16432
- .rt-SidebarContent:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
16432
+ .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) {
16433
16433
  width: var(--content-icon-size-3);
16434
16434
  height: var(--content-icon-size-3);
16435
16435
  flex-shrink: 0;
16436
16436
  }
16437
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
16437
+ .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) {
16438
+ width: var(--indicator-icon-size-2);
16439
+ height: var(--indicator-icon-size-2);
16440
+ flex-shrink: 0;
16441
+ margin-left: auto;
16442
+ }
16443
+ .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) {
16444
+ gap: var(--component-gap-3);
16445
+ font-size: var(--font-size-3);
16446
+ line-height: var(--line-height-2);
16447
+ letter-spacing: var(--letter-spacing-2);
16448
+ border-radius: var(--radius-2);
16449
+ font-weight: var(--font-weight-regular);
16450
+ }
16451
+ .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) {
16452
+ width: var(--content-icon-size-3);
16453
+ height: var(--content-icon-size-3);
16454
+ flex-shrink: 0;
16455
+ }
16456
+ .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) {
16438
16457
  width: var(--indicator-icon-size-2);
16439
16458
  height: var(--indicator-icon-size-2);
16440
16459
  flex-shrink: 0;
@@ -16482,7 +16501,7 @@
16482
16501
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16483
16502
  --base-menu-item-padding-right: var(--space-2);
16484
16503
  --base-menu-item-padding-y: var(--space-1);
16485
- --base-menu-item-height: var(--space-5);
16504
+ --base-menu-item-height: var(--space-6);
16486
16505
  --sidebar-item-height: var(--base-menu-item-height);
16487
16506
  }
16488
16507
  .rt-SidebarHeader:where(.xs\:rt-r-size-2), .rt-SidebarFooter:where(.xs\:rt-r-size-2) {
@@ -16490,7 +16509,7 @@
16490
16509
  --base-menu-item-padding-left: var(--space-3);
16491
16510
  --base-menu-item-padding-right: var(--space-3);
16492
16511
  --base-menu-item-padding-y: var(--space-1);
16493
- --base-menu-item-height: var(--space-6);
16512
+ --base-menu-item-height: var(--space-7);
16494
16513
  --sidebar-item-height: var(--base-menu-item-height);
16495
16514
  }
16496
16515
  .rt-SidebarHeader:where(.xs\:rt-r-size-3), .rt-SidebarFooter:where(.xs\:rt-r-size-3) {
@@ -16498,10 +16517,10 @@
16498
16517
  --base-menu-item-padding-left: var(--space-3);
16499
16518
  --base-menu-item-padding-right: var(--space-3);
16500
16519
  --base-menu-item-padding-y: var(--space-2);
16501
- --base-menu-item-height: var(--space-7);
16520
+ --base-menu-item-height: var(--space-8);
16502
16521
  --sidebar-item-height: var(--base-menu-item-height);
16503
16522
  }
16504
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16523
+ .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) {
16505
16524
  gap: var(--component-gap-2);
16506
16525
  font-size: var(--font-size-1);
16507
16526
  line-height: var(--line-height-1);
@@ -16509,18 +16528,18 @@
16509
16528
  border-radius: var(--radius-1);
16510
16529
  font-weight: var(--font-weight-regular);
16511
16530
  }
16512
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
16531
+ .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) {
16513
16532
  width: var(--content-icon-size-2);
16514
16533
  height: var(--content-icon-size-2);
16515
16534
  flex-shrink: 0;
16516
16535
  }
16517
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
16536
+ .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) {
16518
16537
  width: var(--indicator-icon-size-1);
16519
16538
  height: var(--indicator-icon-size-1);
16520
16539
  flex-shrink: 0;
16521
16540
  margin-left: auto;
16522
16541
  }
16523
- .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) {
16542
+ .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) {
16524
16543
  gap: var(--component-gap-3);
16525
16544
  font-size: var(--font-size-2);
16526
16545
  line-height: var(--line-height-2);
@@ -16528,17 +16547,36 @@
16528
16547
  border-radius: var(--radius-2);
16529
16548
  font-weight: var(--font-weight-regular);
16530
16549
  }
16531
- .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
16550
+ .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) {
16551
+ width: var(--content-icon-size-3);
16552
+ height: var(--content-icon-size-3);
16553
+ flex-shrink: 0;
16554
+ }
16555
+ .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) {
16532
16556
  width: var(--content-icon-size-3);
16533
16557
  height: var(--content-icon-size-3);
16534
16558
  flex-shrink: 0;
16535
16559
  }
16536
- .rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
16560
+ .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) {
16561
+ width: var(--indicator-icon-size-2);
16562
+ height: var(--indicator-icon-size-2);
16563
+ flex-shrink: 0;
16564
+ margin-left: auto;
16565
+ }
16566
+ .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) {
16567
+ gap: var(--component-gap-3);
16568
+ font-size: var(--font-size-3);
16569
+ line-height: var(--line-height-2);
16570
+ letter-spacing: var(--letter-spacing-2);
16571
+ border-radius: var(--radius-2);
16572
+ font-weight: var(--font-weight-regular);
16573
+ }
16574
+ .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) {
16537
16575
  width: var(--content-icon-size-3);
16538
16576
  height: var(--content-icon-size-3);
16539
16577
  flex-shrink: 0;
16540
16578
  }
16541
- .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
16579
+ .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) {
16542
16580
  width: var(--indicator-icon-size-2);
16543
16581
  height: var(--indicator-icon-size-2);
16544
16582
  flex-shrink: 0;
@@ -16587,7 +16625,7 @@
16587
16625
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16588
16626
  --base-menu-item-padding-right: var(--space-2);
16589
16627
  --base-menu-item-padding-y: var(--space-1);
16590
- --base-menu-item-height: var(--space-5);
16628
+ --base-menu-item-height: var(--space-6);
16591
16629
  --sidebar-item-height: var(--base-menu-item-height);
16592
16630
  }
16593
16631
  .rt-SidebarHeader:where(.sm\:rt-r-size-2), .rt-SidebarFooter:where(.sm\:rt-r-size-2) {
@@ -16595,7 +16633,7 @@
16595
16633
  --base-menu-item-padding-left: var(--space-3);
16596
16634
  --base-menu-item-padding-right: var(--space-3);
16597
16635
  --base-menu-item-padding-y: var(--space-1);
16598
- --base-menu-item-height: var(--space-6);
16636
+ --base-menu-item-height: var(--space-7);
16599
16637
  --sidebar-item-height: var(--base-menu-item-height);
16600
16638
  }
16601
16639
  .rt-SidebarHeader:where(.sm\:rt-r-size-3), .rt-SidebarFooter:where(.sm\:rt-r-size-3) {
@@ -16603,10 +16641,10 @@
16603
16641
  --base-menu-item-padding-left: var(--space-3);
16604
16642
  --base-menu-item-padding-right: var(--space-3);
16605
16643
  --base-menu-item-padding-y: var(--space-2);
16606
- --base-menu-item-height: var(--space-7);
16644
+ --base-menu-item-height: var(--space-8);
16607
16645
  --sidebar-item-height: var(--base-menu-item-height);
16608
16646
  }
16609
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16647
+ .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) {
16610
16648
  gap: var(--component-gap-2);
16611
16649
  font-size: var(--font-size-1);
16612
16650
  line-height: var(--line-height-1);
@@ -16614,18 +16652,18 @@
16614
16652
  border-radius: var(--radius-1);
16615
16653
  font-weight: var(--font-weight-regular);
16616
16654
  }
16617
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
16655
+ .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) {
16618
16656
  width: var(--content-icon-size-2);
16619
16657
  height: var(--content-icon-size-2);
16620
16658
  flex-shrink: 0;
16621
16659
  }
16622
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
16660
+ .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) {
16623
16661
  width: var(--indicator-icon-size-1);
16624
16662
  height: var(--indicator-icon-size-1);
16625
16663
  flex-shrink: 0;
16626
16664
  margin-left: auto;
16627
16665
  }
16628
- .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) {
16666
+ .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) {
16629
16667
  gap: var(--component-gap-3);
16630
16668
  font-size: var(--font-size-2);
16631
16669
  line-height: var(--line-height-2);
@@ -16633,17 +16671,36 @@
16633
16671
  border-radius: var(--radius-2);
16634
16672
  font-weight: var(--font-weight-regular);
16635
16673
  }
16636
- .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
16674
+ .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) {
16637
16675
  width: var(--content-icon-size-3);
16638
16676
  height: var(--content-icon-size-3);
16639
16677
  flex-shrink: 0;
16640
16678
  }
16641
- .rt-SidebarContent:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
16679
+ .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) {
16680
+ width: var(--content-icon-size-3);
16681
+ height: var(--content-icon-size-3);
16682
+ flex-shrink: 0;
16683
+ }
16684
+ .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) {
16685
+ width: var(--indicator-icon-size-2);
16686
+ height: var(--indicator-icon-size-2);
16687
+ flex-shrink: 0;
16688
+ margin-left: auto;
16689
+ }
16690
+ .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) {
16691
+ gap: var(--component-gap-3);
16692
+ font-size: var(--font-size-3);
16693
+ line-height: var(--line-height-2);
16694
+ letter-spacing: var(--letter-spacing-2);
16695
+ border-radius: var(--radius-2);
16696
+ font-weight: var(--font-weight-regular);
16697
+ }
16698
+ .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) {
16642
16699
  width: var(--content-icon-size-3);
16643
16700
  height: var(--content-icon-size-3);
16644
16701
  flex-shrink: 0;
16645
16702
  }
16646
- .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
16703
+ .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) {
16647
16704
  width: var(--indicator-icon-size-2);
16648
16705
  height: var(--indicator-icon-size-2);
16649
16706
  flex-shrink: 0;
@@ -16692,7 +16749,7 @@
16692
16749
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16693
16750
  --base-menu-item-padding-right: var(--space-2);
16694
16751
  --base-menu-item-padding-y: var(--space-1);
16695
- --base-menu-item-height: var(--space-5);
16752
+ --base-menu-item-height: var(--space-6);
16696
16753
  --sidebar-item-height: var(--base-menu-item-height);
16697
16754
  }
16698
16755
  .rt-SidebarHeader:where(.md\:rt-r-size-2), .rt-SidebarFooter:where(.md\:rt-r-size-2) {
@@ -16700,7 +16757,7 @@
16700
16757
  --base-menu-item-padding-left: var(--space-3);
16701
16758
  --base-menu-item-padding-right: var(--space-3);
16702
16759
  --base-menu-item-padding-y: var(--space-1);
16703
- --base-menu-item-height: var(--space-6);
16760
+ --base-menu-item-height: var(--space-7);
16704
16761
  --sidebar-item-height: var(--base-menu-item-height);
16705
16762
  }
16706
16763
  .rt-SidebarHeader:where(.md\:rt-r-size-3), .rt-SidebarFooter:where(.md\:rt-r-size-3) {
@@ -16708,10 +16765,10 @@
16708
16765
  --base-menu-item-padding-left: var(--space-3);
16709
16766
  --base-menu-item-padding-right: var(--space-3);
16710
16767
  --base-menu-item-padding-y: var(--space-2);
16711
- --base-menu-item-height: var(--space-7);
16768
+ --base-menu-item-height: var(--space-8);
16712
16769
  --sidebar-item-height: var(--base-menu-item-height);
16713
16770
  }
16714
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16771
+ .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) {
16715
16772
  gap: var(--component-gap-2);
16716
16773
  font-size: var(--font-size-1);
16717
16774
  line-height: var(--line-height-1);
@@ -16719,18 +16776,18 @@
16719
16776
  border-radius: var(--radius-1);
16720
16777
  font-weight: var(--font-weight-regular);
16721
16778
  }
16722
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
16779
+ .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) {
16723
16780
  width: var(--content-icon-size-2);
16724
16781
  height: var(--content-icon-size-2);
16725
16782
  flex-shrink: 0;
16726
16783
  }
16727
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
16784
+ .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) {
16728
16785
  width: var(--indicator-icon-size-1);
16729
16786
  height: var(--indicator-icon-size-1);
16730
16787
  flex-shrink: 0;
16731
16788
  margin-left: auto;
16732
16789
  }
16733
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) {
16790
+ .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) {
16734
16791
  gap: var(--component-gap-3);
16735
16792
  font-size: var(--font-size-2);
16736
16793
  line-height: var(--line-height-2);
@@ -16738,17 +16795,36 @@
16738
16795
  border-radius: var(--radius-2);
16739
16796
  font-weight: var(--font-weight-regular);
16740
16797
  }
16741
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
16798
+ .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) {
16742
16799
  width: var(--content-icon-size-3);
16743
16800
  height: var(--content-icon-size-3);
16744
16801
  flex-shrink: 0;
16745
16802
  }
16746
- .rt-SidebarContent:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
16803
+ .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) {
16747
16804
  width: var(--content-icon-size-3);
16748
16805
  height: var(--content-icon-size-3);
16749
16806
  flex-shrink: 0;
16750
16807
  }
16751
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
16808
+ .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) {
16809
+ width: var(--indicator-icon-size-2);
16810
+ height: var(--indicator-icon-size-2);
16811
+ flex-shrink: 0;
16812
+ margin-left: auto;
16813
+ }
16814
+ .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) {
16815
+ gap: var(--component-gap-3);
16816
+ font-size: var(--font-size-3);
16817
+ line-height: var(--line-height-2);
16818
+ letter-spacing: var(--letter-spacing-2);
16819
+ border-radius: var(--radius-2);
16820
+ font-weight: var(--font-weight-regular);
16821
+ }
16822
+ .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) {
16823
+ width: var(--content-icon-size-3);
16824
+ height: var(--content-icon-size-3);
16825
+ flex-shrink: 0;
16826
+ }
16827
+ .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) {
16752
16828
  width: var(--indicator-icon-size-2);
16753
16829
  height: var(--indicator-icon-size-2);
16754
16830
  flex-shrink: 0;
@@ -16797,7 +16873,7 @@
16797
16873
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16798
16874
  --base-menu-item-padding-right: var(--space-2);
16799
16875
  --base-menu-item-padding-y: var(--space-1);
16800
- --base-menu-item-height: var(--space-5);
16876
+ --base-menu-item-height: var(--space-6);
16801
16877
  --sidebar-item-height: var(--base-menu-item-height);
16802
16878
  }
16803
16879
  .rt-SidebarHeader:where(.lg\:rt-r-size-2), .rt-SidebarFooter:where(.lg\:rt-r-size-2) {
@@ -16805,7 +16881,7 @@
16805
16881
  --base-menu-item-padding-left: var(--space-3);
16806
16882
  --base-menu-item-padding-right: var(--space-3);
16807
16883
  --base-menu-item-padding-y: var(--space-1);
16808
- --base-menu-item-height: var(--space-6);
16884
+ --base-menu-item-height: var(--space-7);
16809
16885
  --sidebar-item-height: var(--base-menu-item-height);
16810
16886
  }
16811
16887
  .rt-SidebarHeader:where(.lg\:rt-r-size-3), .rt-SidebarFooter:where(.lg\:rt-r-size-3) {
@@ -16813,10 +16889,10 @@
16813
16889
  --base-menu-item-padding-left: var(--space-3);
16814
16890
  --base-menu-item-padding-right: var(--space-3);
16815
16891
  --base-menu-item-padding-y: var(--space-2);
16816
- --base-menu-item-height: var(--space-7);
16892
+ --base-menu-item-height: var(--space-8);
16817
16893
  --sidebar-item-height: var(--base-menu-item-height);
16818
16894
  }
16819
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16895
+ .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) {
16820
16896
  gap: var(--component-gap-2);
16821
16897
  font-size: var(--font-size-1);
16822
16898
  line-height: var(--line-height-1);
@@ -16824,18 +16900,18 @@
16824
16900
  border-radius: var(--radius-1);
16825
16901
  font-weight: var(--font-weight-regular);
16826
16902
  }
16827
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
16903
+ .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) {
16828
16904
  width: var(--content-icon-size-2);
16829
16905
  height: var(--content-icon-size-2);
16830
16906
  flex-shrink: 0;
16831
16907
  }
16832
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
16908
+ .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) {
16833
16909
  width: var(--indicator-icon-size-1);
16834
16910
  height: var(--indicator-icon-size-1);
16835
16911
  flex-shrink: 0;
16836
16912
  margin-left: auto;
16837
16913
  }
16838
- .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) {
16914
+ .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) {
16839
16915
  gap: var(--component-gap-3);
16840
16916
  font-size: var(--font-size-2);
16841
16917
  line-height: var(--line-height-2);
@@ -16843,17 +16919,36 @@
16843
16919
  border-radius: var(--radius-2);
16844
16920
  font-weight: var(--font-weight-regular);
16845
16921
  }
16846
- .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
16922
+ .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) {
16923
+ width: var(--content-icon-size-3);
16924
+ height: var(--content-icon-size-3);
16925
+ flex-shrink: 0;
16926
+ }
16927
+ .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) {
16847
16928
  width: var(--content-icon-size-3);
16848
16929
  height: var(--content-icon-size-3);
16849
16930
  flex-shrink: 0;
16850
16931
  }
16851
- .rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
16932
+ .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) {
16933
+ width: var(--indicator-icon-size-2);
16934
+ height: var(--indicator-icon-size-2);
16935
+ flex-shrink: 0;
16936
+ margin-left: auto;
16937
+ }
16938
+ .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) {
16939
+ gap: var(--component-gap-3);
16940
+ font-size: var(--font-size-3);
16941
+ line-height: var(--line-height-2);
16942
+ letter-spacing: var(--letter-spacing-2);
16943
+ border-radius: var(--radius-2);
16944
+ font-weight: var(--font-weight-regular);
16945
+ }
16946
+ .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) {
16852
16947
  width: var(--content-icon-size-3);
16853
16948
  height: var(--content-icon-size-3);
16854
16949
  flex-shrink: 0;
16855
16950
  }
16856
- .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
16951
+ .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) {
16857
16952
  width: var(--indicator-icon-size-2);
16858
16953
  height: var(--indicator-icon-size-2);
16859
16954
  flex-shrink: 0;
@@ -16902,7 +16997,7 @@
16902
16997
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16903
16998
  --base-menu-item-padding-right: var(--space-2);
16904
16999
  --base-menu-item-padding-y: var(--space-1);
16905
- --base-menu-item-height: var(--space-5);
17000
+ --base-menu-item-height: var(--space-6);
16906
17001
  --sidebar-item-height: var(--base-menu-item-height);
16907
17002
  }
16908
17003
  .rt-SidebarHeader:where(.xl\:rt-r-size-2), .rt-SidebarFooter:where(.xl\:rt-r-size-2) {
@@ -16910,7 +17005,7 @@
16910
17005
  --base-menu-item-padding-left: var(--space-3);
16911
17006
  --base-menu-item-padding-right: var(--space-3);
16912
17007
  --base-menu-item-padding-y: var(--space-1);
16913
- --base-menu-item-height: var(--space-6);
17008
+ --base-menu-item-height: var(--space-7);
16914
17009
  --sidebar-item-height: var(--base-menu-item-height);
16915
17010
  }
16916
17011
  .rt-SidebarHeader:where(.xl\:rt-r-size-3), .rt-SidebarFooter:where(.xl\:rt-r-size-3) {
@@ -16918,10 +17013,10 @@
16918
17013
  --base-menu-item-padding-left: var(--space-3);
16919
17014
  --base-menu-item-padding-right: var(--space-3);
16920
17015
  --base-menu-item-padding-y: var(--space-2);
16921
- --base-menu-item-height: var(--space-7);
17016
+ --base-menu-item-height: var(--space-8);
16922
17017
  --sidebar-item-height: var(--base-menu-item-height);
16923
17018
  }
16924
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
17019
+ .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) {
16925
17020
  gap: var(--component-gap-2);
16926
17021
  font-size: var(--font-size-1);
16927
17022
  line-height: var(--line-height-1);
@@ -16929,18 +17024,18 @@
16929
17024
  border-radius: var(--radius-1);
16930
17025
  font-weight: var(--font-weight-regular);
16931
17026
  }
16932
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
17027
+ .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) {
16933
17028
  width: var(--content-icon-size-2);
16934
17029
  height: var(--content-icon-size-2);
16935
17030
  flex-shrink: 0;
16936
17031
  }
16937
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
17032
+ .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) {
16938
17033
  width: var(--indicator-icon-size-1);
16939
17034
  height: var(--indicator-icon-size-1);
16940
17035
  flex-shrink: 0;
16941
17036
  margin-left: auto;
16942
17037
  }
16943
- .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) {
17038
+ .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) {
16944
17039
  gap: var(--component-gap-3);
16945
17040
  font-size: var(--font-size-2);
16946
17041
  line-height: var(--line-height-2);
@@ -16948,17 +17043,36 @@
16948
17043
  border-radius: var(--radius-2);
16949
17044
  font-weight: var(--font-weight-regular);
16950
17045
  }
16951
- .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
17046
+ .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) {
16952
17047
  width: var(--content-icon-size-3);
16953
17048
  height: var(--content-icon-size-3);
16954
17049
  flex-shrink: 0;
16955
17050
  }
16956
- .rt-SidebarContent:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
17051
+ .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) {
17052
+ width: var(--content-icon-size-3);
17053
+ height: var(--content-icon-size-3);
17054
+ flex-shrink: 0;
17055
+ }
17056
+ .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) {
17057
+ width: var(--indicator-icon-size-2);
17058
+ height: var(--indicator-icon-size-2);
17059
+ flex-shrink: 0;
17060
+ margin-left: auto;
17061
+ }
17062
+ .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) {
17063
+ gap: var(--component-gap-3);
17064
+ font-size: var(--font-size-3);
17065
+ line-height: var(--line-height-2);
17066
+ letter-spacing: var(--letter-spacing-2);
17067
+ border-radius: var(--radius-2);
17068
+ font-weight: var(--font-weight-regular);
17069
+ }
17070
+ .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) {
16957
17071
  width: var(--content-icon-size-3);
16958
17072
  height: var(--content-icon-size-3);
16959
17073
  flex-shrink: 0;
16960
17074
  }
16961
- .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
17075
+ .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) {
16962
17076
  width: var(--indicator-icon-size-2);
16963
17077
  height: var(--indicator-icon-size-2);
16964
17078
  flex-shrink: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kushagradhawan/kookie-ui",
3
- "version": "0.1.68",
3
+ "version": "0.1.69",
4
4
  "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
5
5
  "keywords": [
6
6
  "react",
package/schemas/base-button.json CHANGED
@@ -279,6 +279,6 @@
279
279
  "title": "Base-button Component Props",
280
280
  "description": "Props schema for the base-button component in Kookie UI",
281
281
  "version": "1.0.0",
282
- "generatedAt": "2025-12-05T07:09:55.688Z",
282
+ "generatedAt": "2025-12-05T07:18:52.476Z",
283
283
  "source": "Zod schema"
284
284
  }
package/schemas/button.json CHANGED
@@ -530,6 +530,6 @@
530
530
  "title": "Button Component Props",
531
531
  "description": "Props schema for the button component in Kookie UI",
532
532
  "version": "1.0.0",
533
- "generatedAt": "2025-12-05T07:09:55.693Z",
533
+ "generatedAt": "2025-12-05T07:18:52.481Z",
534
534
  "source": "Zod schema"
535
535
  }
package/schemas/icon-button.json CHANGED
@@ -313,6 +313,6 @@
313
313
  "title": "Icon-button Component Props",
314
314
  "description": "Props schema for the icon-button component in Kookie UI",
315
315
  "version": "1.0.0",
316
- "generatedAt": "2025-12-05T07:09:55.695Z",
316
+ "generatedAt": "2025-12-05T07:18:52.483Z",
317
317
  "source": "Zod schema"
318
318
  }
package/schemas/index.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "title": "Kookie UI Button Components",
4
4
  "description": "Complete JSON Schema collection for all button components in Kookie UI",
5
5
  "version": "1.0.0",
6
- "generatedAt": "2025-12-05T07:09:55.697Z",
6
+ "generatedAt": "2025-12-05T07:18:52.485Z",
7
7
  "source": "Zod schemas",
8
8
  "components": {
9
9
  "base-button": {
@@ -287,7 +287,7 @@
287
287
  "title": "Base-button Component Props",
288
288
  "description": "Props schema for the base-button component in Kookie UI",
289
289
  "version": "1.0.0",
290
- "generatedAt": "2025-12-05T07:09:55.688Z",
290
+ "generatedAt": "2025-12-05T07:18:52.476Z",
291
291
  "source": "Zod schema"
292
292
  },
293
293
  "button": {
@@ -822,7 +822,7 @@
822
822
  "title": "Button Component Props",
823
823
  "description": "Props schema for the button component in Kookie UI",
824
824
  "version": "1.0.0",
825
- "generatedAt": "2025-12-05T07:09:55.693Z",
825
+ "generatedAt": "2025-12-05T07:18:52.481Z",
826
826
  "source": "Zod schema"
827
827
  },
828
828
  "icon-button": {
@@ -1140,7 +1140,7 @@
1140
1140
  "title": "Icon-button Component Props",
1141
1141
  "description": "Props schema for the icon-button component in Kookie UI",
1142
1142
  "version": "1.0.0",
1143
- "generatedAt": "2025-12-05T07:09:55.695Z",
1143
+ "generatedAt": "2025-12-05T07:18:52.483Z",
1144
1144
  "source": "Zod schema"
1145
1145
  },
1146
1146
  "toggle-button": {
@@ -1683,7 +1683,7 @@
1683
1683
  "title": "Toggle-button Component Props",
1684
1684
  "description": "Props schema for the toggle-button component in Kookie UI",
1685
1685
  "version": "1.0.0",
1686
- "generatedAt": "2025-12-05T07:09:55.696Z",
1686
+ "generatedAt": "2025-12-05T07:18:52.484Z",
1687
1687
  "source": "Zod schema"
1688
1688
  },
1689
1689
  "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
2009
2009
  "title": "Toggle-icon-button Component Props",
2010
2010
  "description": "Props schema for the toggle-icon-button component in Kookie UI",
2011
2011
  "version": "1.0.0",
2012
- "generatedAt": "2025-12-05T07:09:55.697Z",
2012
+ "generatedAt": "2025-12-05T07:18:52.485Z",
2013
2013
  "source": "Zod schema"
2014
2014
  }
2015
2015
  }