@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/components.css CHANGED
@@ -16373,7 +16373,31 @@
16373
16373
  --base-menu-item-height: var(--space-8);
16374
16374
  --sidebar-item-height: var(--base-menu-item-height);
16375
16375
  }
16376
- .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) {
16376
+ .rt-SidebarHeader:where(.rt-r-size-1), .rt-SidebarFooter:where(.rt-r-size-1) {
16377
+ --base-menu-content-padding: var(--space-2);
16378
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16379
+ --base-menu-item-padding-right: var(--space-2);
16380
+ --base-menu-item-padding-y: var(--space-1);
16381
+ --base-menu-item-height: var(--space-6);
16382
+ --sidebar-item-height: var(--base-menu-item-height);
16383
+ }
16384
+ .rt-SidebarHeader:where(.rt-r-size-2), .rt-SidebarFooter:where(.rt-r-size-2) {
16385
+ --base-menu-content-padding: var(--space-3);
16386
+ --base-menu-item-padding-left: var(--space-3);
16387
+ --base-menu-item-padding-right: var(--space-3);
16388
+ --base-menu-item-padding-y: var(--space-1);
16389
+ --base-menu-item-height: var(--space-7);
16390
+ --sidebar-item-height: var(--base-menu-item-height);
16391
+ }
16392
+ .rt-SidebarHeader:where(.rt-r-size-3), .rt-SidebarFooter:where(.rt-r-size-3) {
16393
+ --base-menu-content-padding: var(--space-3);
16394
+ --base-menu-item-padding-left: var(--space-3);
16395
+ --base-menu-item-padding-right: var(--space-3);
16396
+ --base-menu-item-padding-y: var(--space-2);
16397
+ --base-menu-item-height: var(--space-8);
16398
+ --sidebar-item-height: var(--base-menu-item-height);
16399
+ }
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) {
16377
16401
  gap: var(--component-gap-2);
16378
16402
  font-size: var(--font-size-1);
16379
16403
  line-height: var(--line-height-1);
@@ -16381,18 +16405,18 @@
16381
16405
  border-radius: var(--radius-1);
16382
16406
  font-weight: var(--font-weight-regular);
16383
16407
  }
16384
- .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) {
16385
16409
  width: var(--content-icon-size-2);
16386
16410
  height: var(--content-icon-size-2);
16387
16411
  flex-shrink: 0;
16388
16412
  }
16389
- .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) {
16390
16414
  width: var(--indicator-icon-size-1);
16391
16415
  height: var(--indicator-icon-size-1);
16392
16416
  flex-shrink: 0;
16393
16417
  margin-left: auto;
16394
16418
  }
16395
- .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) {
16396
16420
  gap: var(--component-gap-3);
16397
16421
  font-size: var(--font-size-2);
16398
16422
  line-height: var(--line-height-2);
@@ -16400,17 +16424,36 @@
16400
16424
  border-radius: var(--radius-2);
16401
16425
  font-weight: var(--font-weight-regular);
16402
16426
  }
16403
- .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) {
16404
16428
  width: var(--content-icon-size-3);
16405
16429
  height: var(--content-icon-size-3);
16406
16430
  flex-shrink: 0;
16407
16431
  }
16408
- .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
+ width: var(--content-icon-size-3);
16434
+ height: var(--content-icon-size-3);
16435
+ flex-shrink: 0;
16436
+ }
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) {
16409
16452
  width: var(--content-icon-size-3);
16410
16453
  height: var(--content-icon-size-3);
16411
16454
  flex-shrink: 0;
16412
16455
  }
16413
- .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
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) {
16414
16457
  width: var(--indicator-icon-size-2);
16415
16458
  height: var(--indicator-icon-size-2);
16416
16459
  flex-shrink: 0;
@@ -16453,7 +16496,31 @@
16453
16496
  --base-menu-item-height: var(--space-8);
16454
16497
  --sidebar-item-height: var(--base-menu-item-height);
16455
16498
  }
16456
- .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16499
+ .rt-SidebarHeader:where(.xs\:rt-r-size-1), .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
16500
+ --base-menu-content-padding: var(--space-2);
16501
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16502
+ --base-menu-item-padding-right: var(--space-2);
16503
+ --base-menu-item-padding-y: var(--space-1);
16504
+ --base-menu-item-height: var(--space-6);
16505
+ --sidebar-item-height: var(--base-menu-item-height);
16506
+ }
16507
+ .rt-SidebarHeader:where(.xs\:rt-r-size-2), .rt-SidebarFooter:where(.xs\:rt-r-size-2) {
16508
+ --base-menu-content-padding: var(--space-3);
16509
+ --base-menu-item-padding-left: var(--space-3);
16510
+ --base-menu-item-padding-right: var(--space-3);
16511
+ --base-menu-item-padding-y: var(--space-1);
16512
+ --base-menu-item-height: var(--space-7);
16513
+ --sidebar-item-height: var(--base-menu-item-height);
16514
+ }
16515
+ .rt-SidebarHeader:where(.xs\:rt-r-size-3), .rt-SidebarFooter:where(.xs\:rt-r-size-3) {
16516
+ --base-menu-content-padding: var(--space-3);
16517
+ --base-menu-item-padding-left: var(--space-3);
16518
+ --base-menu-item-padding-right: var(--space-3);
16519
+ --base-menu-item-padding-y: var(--space-2);
16520
+ --base-menu-item-height: var(--space-8);
16521
+ --sidebar-item-height: var(--base-menu-item-height);
16522
+ }
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) {
16457
16524
  gap: var(--component-gap-2);
16458
16525
  font-size: var(--font-size-1);
16459
16526
  line-height: var(--line-height-1);
@@ -16461,18 +16528,18 @@
16461
16528
  border-radius: var(--radius-1);
16462
16529
  font-weight: var(--font-weight-regular);
16463
16530
  }
16464
- .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) {
16465
16532
  width: var(--content-icon-size-2);
16466
16533
  height: var(--content-icon-size-2);
16467
16534
  flex-shrink: 0;
16468
16535
  }
16469
- .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) {
16470
16537
  width: var(--indicator-icon-size-1);
16471
16538
  height: var(--indicator-icon-size-1);
16472
16539
  flex-shrink: 0;
16473
16540
  margin-left: auto;
16474
16541
  }
16475
- .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) {
16476
16543
  gap: var(--component-gap-3);
16477
16544
  font-size: var(--font-size-2);
16478
16545
  line-height: var(--line-height-2);
@@ -16480,17 +16547,36 @@
16480
16547
  border-radius: var(--radius-2);
16481
16548
  font-weight: var(--font-weight-regular);
16482
16549
  }
16483
- .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) {
16484
16551
  width: var(--content-icon-size-3);
16485
16552
  height: var(--content-icon-size-3);
16486
16553
  flex-shrink: 0;
16487
16554
  }
16488
- .rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
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) {
16556
+ width: var(--content-icon-size-3);
16557
+ height: var(--content-icon-size-3);
16558
+ flex-shrink: 0;
16559
+ }
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) {
16489
16575
  width: var(--content-icon-size-3);
16490
16576
  height: var(--content-icon-size-3);
16491
16577
  flex-shrink: 0;
16492
16578
  }
16493
- .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) {
16494
16580
  width: var(--indicator-icon-size-2);
16495
16581
  height: var(--indicator-icon-size-2);
16496
16582
  flex-shrink: 0;
@@ -16534,7 +16620,31 @@
16534
16620
  --base-menu-item-height: var(--space-8);
16535
16621
  --sidebar-item-height: var(--base-menu-item-height);
16536
16622
  }
16537
- .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16623
+ .rt-SidebarHeader:where(.sm\:rt-r-size-1), .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
16624
+ --base-menu-content-padding: var(--space-2);
16625
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16626
+ --base-menu-item-padding-right: var(--space-2);
16627
+ --base-menu-item-padding-y: var(--space-1);
16628
+ --base-menu-item-height: var(--space-6);
16629
+ --sidebar-item-height: var(--base-menu-item-height);
16630
+ }
16631
+ .rt-SidebarHeader:where(.sm\:rt-r-size-2), .rt-SidebarFooter:where(.sm\:rt-r-size-2) {
16632
+ --base-menu-content-padding: var(--space-3);
16633
+ --base-menu-item-padding-left: var(--space-3);
16634
+ --base-menu-item-padding-right: var(--space-3);
16635
+ --base-menu-item-padding-y: var(--space-1);
16636
+ --base-menu-item-height: var(--space-7);
16637
+ --sidebar-item-height: var(--base-menu-item-height);
16638
+ }
16639
+ .rt-SidebarHeader:where(.sm\:rt-r-size-3), .rt-SidebarFooter:where(.sm\:rt-r-size-3) {
16640
+ --base-menu-content-padding: var(--space-3);
16641
+ --base-menu-item-padding-left: var(--space-3);
16642
+ --base-menu-item-padding-right: var(--space-3);
16643
+ --base-menu-item-padding-y: var(--space-2);
16644
+ --base-menu-item-height: var(--space-8);
16645
+ --sidebar-item-height: var(--base-menu-item-height);
16646
+ }
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) {
16538
16648
  gap: var(--component-gap-2);
16539
16649
  font-size: var(--font-size-1);
16540
16650
  line-height: var(--line-height-1);
@@ -16542,18 +16652,18 @@
16542
16652
  border-radius: var(--radius-1);
16543
16653
  font-weight: var(--font-weight-regular);
16544
16654
  }
16545
- .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) {
16546
16656
  width: var(--content-icon-size-2);
16547
16657
  height: var(--content-icon-size-2);
16548
16658
  flex-shrink: 0;
16549
16659
  }
16550
- .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) {
16551
16661
  width: var(--indicator-icon-size-1);
16552
16662
  height: var(--indicator-icon-size-1);
16553
16663
  flex-shrink: 0;
16554
16664
  margin-left: auto;
16555
16665
  }
16556
- .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) {
16557
16667
  gap: var(--component-gap-3);
16558
16668
  font-size: var(--font-size-2);
16559
16669
  line-height: var(--line-height-2);
@@ -16561,17 +16671,36 @@
16561
16671
  border-radius: var(--radius-2);
16562
16672
  font-weight: var(--font-weight-regular);
16563
16673
  }
16564
- .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) {
16565
16675
  width: var(--content-icon-size-3);
16566
16676
  height: var(--content-icon-size-3);
16567
16677
  flex-shrink: 0;
16568
16678
  }
16569
- .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) {
16570
16699
  width: var(--content-icon-size-3);
16571
16700
  height: var(--content-icon-size-3);
16572
16701
  flex-shrink: 0;
16573
16702
  }
16574
- .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) {
16575
16704
  width: var(--indicator-icon-size-2);
16576
16705
  height: var(--indicator-icon-size-2);
16577
16706
  flex-shrink: 0;
@@ -16615,7 +16744,31 @@
16615
16744
  --base-menu-item-height: var(--space-8);
16616
16745
  --sidebar-item-height: var(--base-menu-item-height);
16617
16746
  }
16618
- .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16747
+ .rt-SidebarHeader:where(.md\:rt-r-size-1), .rt-SidebarFooter:where(.md\:rt-r-size-1) {
16748
+ --base-menu-content-padding: var(--space-2);
16749
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16750
+ --base-menu-item-padding-right: var(--space-2);
16751
+ --base-menu-item-padding-y: var(--space-1);
16752
+ --base-menu-item-height: var(--space-6);
16753
+ --sidebar-item-height: var(--base-menu-item-height);
16754
+ }
16755
+ .rt-SidebarHeader:where(.md\:rt-r-size-2), .rt-SidebarFooter:where(.md\:rt-r-size-2) {
16756
+ --base-menu-content-padding: var(--space-3);
16757
+ --base-menu-item-padding-left: var(--space-3);
16758
+ --base-menu-item-padding-right: var(--space-3);
16759
+ --base-menu-item-padding-y: var(--space-1);
16760
+ --base-menu-item-height: var(--space-7);
16761
+ --sidebar-item-height: var(--base-menu-item-height);
16762
+ }
16763
+ .rt-SidebarHeader:where(.md\:rt-r-size-3), .rt-SidebarFooter:where(.md\:rt-r-size-3) {
16764
+ --base-menu-content-padding: var(--space-3);
16765
+ --base-menu-item-padding-left: var(--space-3);
16766
+ --base-menu-item-padding-right: var(--space-3);
16767
+ --base-menu-item-padding-y: var(--space-2);
16768
+ --base-menu-item-height: var(--space-8);
16769
+ --sidebar-item-height: var(--base-menu-item-height);
16770
+ }
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) {
16619
16772
  gap: var(--component-gap-2);
16620
16773
  font-size: var(--font-size-1);
16621
16774
  line-height: var(--line-height-1);
@@ -16623,18 +16776,18 @@
16623
16776
  border-radius: var(--radius-1);
16624
16777
  font-weight: var(--font-weight-regular);
16625
16778
  }
16626
- .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) {
16627
16780
  width: var(--content-icon-size-2);
16628
16781
  height: var(--content-icon-size-2);
16629
16782
  flex-shrink: 0;
16630
16783
  }
16631
- .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) {
16632
16785
  width: var(--indicator-icon-size-1);
16633
16786
  height: var(--indicator-icon-size-1);
16634
16787
  flex-shrink: 0;
16635
16788
  margin-left: auto;
16636
16789
  }
16637
- .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) {
16638
16791
  gap: var(--component-gap-3);
16639
16792
  font-size: var(--font-size-2);
16640
16793
  line-height: var(--line-height-2);
@@ -16642,17 +16795,36 @@
16642
16795
  border-radius: var(--radius-2);
16643
16796
  font-weight: var(--font-weight-regular);
16644
16797
  }
16645
- .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) {
16646
16799
  width: var(--content-icon-size-3);
16647
16800
  height: var(--content-icon-size-3);
16648
16801
  flex-shrink: 0;
16649
16802
  }
16650
- .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) {
16804
+ width: var(--content-icon-size-3);
16805
+ height: var(--content-icon-size-3);
16806
+ flex-shrink: 0;
16807
+ }
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) {
16651
16823
  width: var(--content-icon-size-3);
16652
16824
  height: var(--content-icon-size-3);
16653
16825
  flex-shrink: 0;
16654
16826
  }
16655
- .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
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) {
16656
16828
  width: var(--indicator-icon-size-2);
16657
16829
  height: var(--indicator-icon-size-2);
16658
16830
  flex-shrink: 0;
@@ -16696,7 +16868,31 @@
16696
16868
  --base-menu-item-height: var(--space-8);
16697
16869
  --sidebar-item-height: var(--base-menu-item-height);
16698
16870
  }
16699
- .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16871
+ .rt-SidebarHeader:where(.lg\:rt-r-size-1), .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
16872
+ --base-menu-content-padding: var(--space-2);
16873
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16874
+ --base-menu-item-padding-right: var(--space-2);
16875
+ --base-menu-item-padding-y: var(--space-1);
16876
+ --base-menu-item-height: var(--space-6);
16877
+ --sidebar-item-height: var(--base-menu-item-height);
16878
+ }
16879
+ .rt-SidebarHeader:where(.lg\:rt-r-size-2), .rt-SidebarFooter:where(.lg\:rt-r-size-2) {
16880
+ --base-menu-content-padding: var(--space-3);
16881
+ --base-menu-item-padding-left: var(--space-3);
16882
+ --base-menu-item-padding-right: var(--space-3);
16883
+ --base-menu-item-padding-y: var(--space-1);
16884
+ --base-menu-item-height: var(--space-7);
16885
+ --sidebar-item-height: var(--base-menu-item-height);
16886
+ }
16887
+ .rt-SidebarHeader:where(.lg\:rt-r-size-3), .rt-SidebarFooter:where(.lg\:rt-r-size-3) {
16888
+ --base-menu-content-padding: var(--space-3);
16889
+ --base-menu-item-padding-left: var(--space-3);
16890
+ --base-menu-item-padding-right: var(--space-3);
16891
+ --base-menu-item-padding-y: var(--space-2);
16892
+ --base-menu-item-height: var(--space-8);
16893
+ --sidebar-item-height: var(--base-menu-item-height);
16894
+ }
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) {
16700
16896
  gap: var(--component-gap-2);
16701
16897
  font-size: var(--font-size-1);
16702
16898
  line-height: var(--line-height-1);
@@ -16704,18 +16900,18 @@
16704
16900
  border-radius: var(--radius-1);
16705
16901
  font-weight: var(--font-weight-regular);
16706
16902
  }
16707
- .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) {
16708
16904
  width: var(--content-icon-size-2);
16709
16905
  height: var(--content-icon-size-2);
16710
16906
  flex-shrink: 0;
16711
16907
  }
16712
- .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) {
16713
16909
  width: var(--indicator-icon-size-1);
16714
16910
  height: var(--indicator-icon-size-1);
16715
16911
  flex-shrink: 0;
16716
16912
  margin-left: auto;
16717
16913
  }
16718
- .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) {
16719
16915
  gap: var(--component-gap-3);
16720
16916
  font-size: var(--font-size-2);
16721
16917
  line-height: var(--line-height-2);
@@ -16723,17 +16919,36 @@
16723
16919
  border-radius: var(--radius-2);
16724
16920
  font-weight: var(--font-weight-regular);
16725
16921
  }
16726
- .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) {
16727
16923
  width: var(--content-icon-size-3);
16728
16924
  height: var(--content-icon-size-3);
16729
16925
  flex-shrink: 0;
16730
16926
  }
16731
- .rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
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) {
16928
+ width: var(--content-icon-size-3);
16929
+ height: var(--content-icon-size-3);
16930
+ flex-shrink: 0;
16931
+ }
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) {
16732
16947
  width: var(--content-icon-size-3);
16733
16948
  height: var(--content-icon-size-3);
16734
16949
  flex-shrink: 0;
16735
16950
  }
16736
- .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) {
16737
16952
  width: var(--indicator-icon-size-2);
16738
16953
  height: var(--indicator-icon-size-2);
16739
16954
  flex-shrink: 0;
@@ -16777,7 +16992,31 @@
16777
16992
  --base-menu-item-height: var(--space-8);
16778
16993
  --sidebar-item-height: var(--base-menu-item-height);
16779
16994
  }
16780
- .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
16995
+ .rt-SidebarHeader:where(.xl\:rt-r-size-1), .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
16996
+ --base-menu-content-padding: var(--space-2);
16997
+ --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
16998
+ --base-menu-item-padding-right: var(--space-2);
16999
+ --base-menu-item-padding-y: var(--space-1);
17000
+ --base-menu-item-height: var(--space-6);
17001
+ --sidebar-item-height: var(--base-menu-item-height);
17002
+ }
17003
+ .rt-SidebarHeader:where(.xl\:rt-r-size-2), .rt-SidebarFooter:where(.xl\:rt-r-size-2) {
17004
+ --base-menu-content-padding: var(--space-3);
17005
+ --base-menu-item-padding-left: var(--space-3);
17006
+ --base-menu-item-padding-right: var(--space-3);
17007
+ --base-menu-item-padding-y: var(--space-1);
17008
+ --base-menu-item-height: var(--space-7);
17009
+ --sidebar-item-height: var(--base-menu-item-height);
17010
+ }
17011
+ .rt-SidebarHeader:where(.xl\:rt-r-size-3), .rt-SidebarFooter:where(.xl\:rt-r-size-3) {
17012
+ --base-menu-content-padding: var(--space-3);
17013
+ --base-menu-item-padding-left: var(--space-3);
17014
+ --base-menu-item-padding-right: var(--space-3);
17015
+ --base-menu-item-padding-y: var(--space-2);
17016
+ --base-menu-item-height: var(--space-8);
17017
+ --sidebar-item-height: var(--base-menu-item-height);
17018
+ }
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) {
16781
17020
  gap: var(--component-gap-2);
16782
17021
  font-size: var(--font-size-1);
16783
17022
  line-height: var(--line-height-1);
@@ -16785,18 +17024,18 @@
16785
17024
  border-radius: var(--radius-1);
16786
17025
  font-weight: var(--font-weight-regular);
16787
17026
  }
16788
- .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) {
16789
17028
  width: var(--content-icon-size-2);
16790
17029
  height: var(--content-icon-size-2);
16791
17030
  flex-shrink: 0;
16792
17031
  }
16793
- .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) {
16794
17033
  width: var(--indicator-icon-size-1);
16795
17034
  height: var(--indicator-icon-size-1);
16796
17035
  flex-shrink: 0;
16797
17036
  margin-left: auto;
16798
17037
  }
16799
- .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) {
16800
17039
  gap: var(--component-gap-3);
16801
17040
  font-size: var(--font-size-2);
16802
17041
  line-height: var(--line-height-2);
@@ -16804,17 +17043,36 @@
16804
17043
  border-radius: var(--radius-2);
16805
17044
  font-weight: var(--font-weight-regular);
16806
17045
  }
16807
- .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) {
16808
17047
  width: var(--content-icon-size-3);
16809
17048
  height: var(--content-icon-size-3);
16810
17049
  flex-shrink: 0;
16811
17050
  }
16812
- .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) {
16813
17071
  width: var(--content-icon-size-3);
16814
17072
  height: var(--content-icon-size-3);
16815
17073
  flex-shrink: 0;
16816
17074
  }
16817
- .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) {
16818
17076
  width: var(--indicator-icon-size-2);
16819
17077
  height: var(--indicator-icon-size-2);
16820
17078
  flex-shrink: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kushagradhawan/kookie-ui",
3
- "version": "0.1.67",
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-04T10:05:53.518Z",
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-04T10:05:53.523Z",
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-04T10:05:53.525Z",
316
+ "generatedAt": "2025-12-05T07:18:52.483Z",
317
317
  "source": "Zod schema"
318
318
  }