@kushagradhawan/kookie-ui 0.1.27 → 0.1.28

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.
package/components.css CHANGED
@@ -1948,6 +1948,8 @@
1948
1948
  --base-button-solid-high-contrast-active-filter: contrast(0.82) saturate(1.2) brightness(1.16);
1949
1949
  --progress-indicator-after-linear-gradient: var(--white-a5), var(--white-a9), var(--white-a5);
1950
1950
  --segmented-control-indicator-background-color: var(--color-background);
1951
+ --sidebar-icon-width-1: calc(var(--space-9) + var(--space-1));
1952
+ --sidebar-icon-width-2: calc(var(--space-9) + var(--space-3));
1951
1953
  --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
1952
1954
  --slider-disabled-blend-mode: multiply;
1953
1955
  --switch-disabled-blend-mode: multiply;
@@ -11667,32 +11669,32 @@
11667
11669
  border-radius: inherit;
11668
11670
  flex: 1;
11669
11671
  }
11670
- .rt-SidebarContainer:where(.rt-variant-surface) {
11672
+ .rt-SidebarContainer:where(.rt-variant-outline) {
11671
11673
  background-color: var(--color-panel);
11672
11674
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11673
11675
  backdrop-filter: var(--backdrop-filter-panel);
11674
11676
  }
11675
- .rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='solid']) {
11677
+ .rt-SidebarContainer:where(.rt-variant-outline):where([data-panel-background='solid']) {
11676
11678
  --color-panel: var(--color-panel-solid);
11677
11679
  -webkit-backdrop-filter: none;
11678
11680
  backdrop-filter: none;
11679
11681
  --backdrop-filter-panel: none;
11680
11682
  --backdrop-filter-components: none;
11681
11683
  }
11682
- .rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='translucent']) {
11684
+ .rt-SidebarContainer:where(.rt-variant-outline):where([data-panel-background='translucent']) {
11683
11685
  --color-panel: var(--color-panel-translucent);
11684
11686
  -webkit-backdrop-filter: var(--backdrop-filter-panel);
11685
11687
  backdrop-filter: var(--backdrop-filter-panel);
11686
11688
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
11687
11689
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
11688
11690
  }
11689
- :where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface) {
11691
+ :where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-outline) {
11690
11692
  box-shadow: inset 0 0 0 1px var(--gray-a6);
11691
11693
  }
11692
- :where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface) {
11694
+ :where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-outline) {
11693
11695
  box-shadow: inset -1px 0 0 0 var(--gray-a6);
11694
11696
  }
11695
- :where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface) {
11697
+ :where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-outline) {
11696
11698
  box-shadow: inset 1px 0 0 0 var(--gray-a6);
11697
11699
  }
11698
11700
  .rt-SidebarHeader {
@@ -11844,7 +11846,6 @@
11844
11846
  border: none;
11845
11847
  width: 100%;
11846
11848
  text-align: left;
11847
- border-radius: var(--radius-2);
11848
11849
  transition: var(--transition-menu);
11849
11850
  -webkit-user-select: none;
11850
11851
  user-select: none;
@@ -12068,6 +12069,7 @@
12068
12069
  line-height: var(--line-height-1);
12069
12070
  letter-spacing: var(--letter-spacing-1);
12070
12071
  border-radius: var(--radius-1);
12072
+ font-weight: var(--font-weight-medium);
12071
12073
  }
12072
12074
  .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
12073
12075
  width: var(--content-icon-size-1);
@@ -12086,6 +12088,7 @@
12086
12088
  line-height: var(--line-height-2);
12087
12089
  letter-spacing: var(--letter-spacing-2);
12088
12090
  border-radius: var(--radius-2);
12091
+ font-weight: var(--font-weight-medium);
12089
12092
  }
12090
12093
  .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
12091
12094
  width: var(--content-icon-size-2);
@@ -12125,6 +12128,7 @@
12125
12128
  line-height: var(--line-height-1);
12126
12129
  letter-spacing: var(--letter-spacing-1);
12127
12130
  border-radius: var(--radius-1);
12131
+ font-weight: var(--font-weight-medium);
12128
12132
  }
12129
12133
  .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
12130
12134
  width: var(--content-icon-size-1);
@@ -12143,6 +12147,7 @@
12143
12147
  line-height: var(--line-height-2);
12144
12148
  letter-spacing: var(--letter-spacing-2);
12145
12149
  border-radius: var(--radius-2);
12150
+ font-weight: var(--font-weight-medium);
12146
12151
  }
12147
12152
  .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
12148
12153
  width: var(--content-icon-size-2);
@@ -12183,6 +12188,7 @@
12183
12188
  line-height: var(--line-height-1);
12184
12189
  letter-spacing: var(--letter-spacing-1);
12185
12190
  border-radius: var(--radius-1);
12191
+ font-weight: var(--font-weight-medium);
12186
12192
  }
12187
12193
  .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
12188
12194
  width: var(--content-icon-size-1);
@@ -12201,6 +12207,7 @@
12201
12207
  line-height: var(--line-height-2);
12202
12208
  letter-spacing: var(--letter-spacing-2);
12203
12209
  border-radius: var(--radius-2);
12210
+ font-weight: var(--font-weight-medium);
12204
12211
  }
12205
12212
  .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
12206
12213
  width: var(--content-icon-size-2);
@@ -12241,6 +12248,7 @@
12241
12248
  line-height: var(--line-height-1);
12242
12249
  letter-spacing: var(--letter-spacing-1);
12243
12250
  border-radius: var(--radius-1);
12251
+ font-weight: var(--font-weight-medium);
12244
12252
  }
12245
12253
  .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
12246
12254
  width: var(--content-icon-size-1);
@@ -12259,6 +12267,7 @@
12259
12267
  line-height: var(--line-height-2);
12260
12268
  letter-spacing: var(--letter-spacing-2);
12261
12269
  border-radius: var(--radius-2);
12270
+ font-weight: var(--font-weight-medium);
12262
12271
  }
12263
12272
  .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
12264
12273
  width: var(--content-icon-size-2);
@@ -12299,6 +12308,7 @@
12299
12308
  line-height: var(--line-height-1);
12300
12309
  letter-spacing: var(--letter-spacing-1);
12301
12310
  border-radius: var(--radius-1);
12311
+ font-weight: var(--font-weight-medium);
12302
12312
  }
12303
12313
  .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
12304
12314
  width: var(--content-icon-size-1);
@@ -12317,6 +12327,7 @@
12317
12327
  line-height: var(--line-height-2);
12318
12328
  letter-spacing: var(--letter-spacing-2);
12319
12329
  border-radius: var(--radius-2);
12330
+ font-weight: var(--font-weight-medium);
12320
12331
  }
12321
12332
  .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
12322
12333
  width: var(--content-icon-size-2);
@@ -12357,6 +12368,7 @@
12357
12368
  line-height: var(--line-height-1);
12358
12369
  letter-spacing: var(--letter-spacing-1);
12359
12370
  border-radius: var(--radius-1);
12371
+ font-weight: var(--font-weight-medium);
12360
12372
  }
12361
12373
  .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
12362
12374
  width: var(--content-icon-size-1);
@@ -12375,6 +12387,7 @@
12375
12387
  line-height: var(--line-height-2);
12376
12388
  letter-spacing: var(--letter-spacing-2);
12377
12389
  border-radius: var(--radius-2);
12390
+ font-weight: var(--font-weight-medium);
12378
12391
  }
12379
12392
  .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
12380
12393
  width: var(--content-icon-size-2);
@@ -12415,8 +12428,45 @@
12415
12428
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
12416
12429
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
12417
12430
  }
12418
- :where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-ghost) {
12419
- box-shadow: var(--shadow-4);
12431
+ .rt-SidebarContainer:where(.rt-variant-surface) {
12432
+ background-color: var(--gray-1);
12433
+ }
12434
+ :where([data-panel-background='translucent']) .rt-SidebarContainer:where(.rt-variant-surface) {
12435
+ background-color: var(--gray-a1);
12436
+ -webkit-backdrop-filter: var(--backdrop-filter-panel);
12437
+ backdrop-filter: var(--backdrop-filter-panel);
12438
+ }
12439
+ .rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='solid']) {
12440
+ background-color: var(--gray-1);
12441
+ -webkit-backdrop-filter: none;
12442
+ backdrop-filter: none;
12443
+ --backdrop-filter-panel: none;
12444
+ --backdrop-filter-components: none;
12445
+ }
12446
+ .rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='translucent']) {
12447
+ background-color: var(--gray-a1);
12448
+ -webkit-backdrop-filter: var(--backdrop-filter-panel);
12449
+ backdrop-filter: var(--backdrop-filter-panel);
12450
+ --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
12451
+ --backdrop-filter-components: blur(var(--backdrop-blur-components));
12452
+ }
12453
+ :where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface) {
12454
+ box-shadow: inset 0 0 0 1px var(--gray-6);
12455
+ }
12456
+ :where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
12457
+ box-shadow: inset 0 0 0 1px var(--gray-a6);
12458
+ }
12459
+ :where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface) {
12460
+ box-shadow: inset -1px 0 0 0 var(--gray-6);
12461
+ }
12462
+ :where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
12463
+ box-shadow: inset -1px 0 0 0 var(--gray-a6);
12464
+ }
12465
+ :where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface) {
12466
+ box-shadow: inset 1px 0 0 0 var(--gray-6);
12467
+ }
12468
+ :where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
12469
+ box-shadow: inset 1px 0 0 0 var(--gray-a6);
12420
12470
  }
12421
12471
  .rt-SidebarHeader:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger), .rt-SidebarContent:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger), .rt-SidebarFooter:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger) {
12422
12472
  transition: var(--transition-menu);
@@ -12583,45 +12633,140 @@
12583
12633
  color: var(--gray-11) !important;
12584
12634
  }
12585
12635
  .rt-SidebarContent :where(.rt-BaseMenuItem) {
12586
- border-radius: var(--radius-2);
12587
- margin-bottom: var(--space-1);
12636
+ margin-top: calc(var(--space-1) / 2);
12637
+ margin-bottom: calc(var(--space-1) / 2);
12588
12638
  }
12589
12639
  .rt-SidebarRoot:where([data-collapsible="icon"]) {
12590
12640
  transition: none;
12591
- overflow: hidden;
12641
+ overflow: visible;
12592
12642
  flex-shrink: 0;
12593
12643
  }
12594
- .rt-SidebarContainer:where(.rt-variant-ghost[data-collapsible="icon"][data-type="floating"]) {
12595
- overflow: visible !important;
12596
- }
12597
12644
  .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) {
12598
- width: 0;
12599
- min-width: 0;
12600
- opacity: 0;
12601
- pointer-events: none;
12602
- flex-basis: 0;
12603
- width: 0;
12604
- width: 0;
12605
- min-width: 0;
12606
- opacity: 0;
12607
- pointer-events: none;
12608
- margin: 0;
12645
+ opacity: 1;
12646
+ pointer-events: auto;
12647
+ }
12648
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-1) {
12649
+ width: var(--sidebar-icon-width-1);
12650
+ min-width: var(--sidebar-icon-width-1);
12651
+ --sidebar-group-label-width: calc(var(--sidebar-icon-width-1) - (var(--space-2) * 2));
12652
+ --sidebar-button-label-width: calc(var(--sidebar-group-label-width) - (var(--space-1) * 2));
12653
+ }
12654
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-2) {
12655
+ width: var(--sidebar-icon-width-2);
12656
+ min-width: var(--sidebar-icon-width-2);
12657
+ --sidebar-group-label-width: calc(var(--sidebar-icon-width-2) - (var(--space-2) * 2));
12658
+ --sidebar-button-label-width: calc(var(--sidebar-group-label-width) - (var(--space-1) * 2));
12609
12659
  }
12610
12660
  .rt-SidebarRoot:where([data-collapsible="icon"][data-state="expanded"]) {
12611
12661
  width: var(--sidebar-width);
12612
12662
  min-width: var(--sidebar-width);
12613
12663
  opacity: 1;
12614
12664
  pointer-events: auto;
12615
- flex-basis: var(--sidebar-width);
12616
- width: var(--sidebar-width);
12665
+ }
12666
+ .rt-SidebarContainer:where([data-collapsible="icon"]) {
12667
+ width: 100%;
12668
+ min-width: 0;
12669
+ flex-shrink: 0;
12670
+ }
12671
+ .rt-SidebarContent:where([data-collapsible="icon"]) {
12672
+ width: 100%;
12673
+ min-width: 0;
12674
+ flex-shrink: 0;
12675
+ }
12676
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton) {
12677
+ justify-content: center;
12678
+ flex-direction: column;
12679
+ padding: var(--space-2) var(--space-1);
12680
+ gap: var(--space-1);
12681
+ min-height: auto;
12682
+ }
12683
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton) :where(span) {
12684
+ display: block;
12685
+ font-size: var(--font-size-0);
12686
+ line-height: var(--line-height-0);
12687
+ color: var(--gray-a10);
12688
+ text-align: center;
12689
+ font-weight: var(--font-weight-medium);
12690
+ max-width: 100%;
12691
+ overflow: hidden;
12692
+ text-overflow: ellipsis;
12693
+ white-space: nowrap;
12694
+ }
12695
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarGroupLabel) {
12696
+ max-width: var(--sidebar-group-label-width);
12697
+ display: block;
12698
+ text-align: center;
12699
+ min-width: 0;
12700
+ min-height: auto;
12701
+ max-width: var(--sidebar-group-label-width);
12702
+ font-size: var(--font-size-0);
12703
+ line-height: var(--line-height-0);
12704
+ color: var(--gray-a9);
12705
+ font-weight: var(--font-weight-medium);
12706
+ padding: var(--space-1) var(--space-1);
12707
+ margin: var(--space-2) 0 var(--space-1) 0;
12708
+ overflow: hidden;
12709
+ text-overflow: ellipsis;
12710
+ white-space: nowrap;
12711
+ }
12712
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton span) {
12713
+ max-width: var(--sidebar-button-label-width);
12714
+ min-width: 0;
12715
+ overflow: hidden;
12716
+ text-overflow: ellipsis;
12717
+ white-space: nowrap;
12718
+ color: var(--gray-a12);
12719
+ font-weight: var(--font-weight-medium);
12720
+ }
12721
+ .rt-SidebarRoot.rt-menu-variant-solid:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton[data-highlighted] span),
12722
+ .rt-SidebarRoot.rt-menu-variant-solid:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton[data-active] span) {
12723
+ color: var(--accent-contrast) !important;
12724
+ }
12725
+ :where(.rt-SidebarGroup:first-child) :is(.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarGroupLabel)) {
12726
+ margin-top: 0;
12727
+ }
12728
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuBadge),
12729
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuShortcut) {
12730
+ display: none;
12731
+ }
12732
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuSubTriggerIcon) {
12733
+ display: none;
12734
+ }
12735
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuSubList) {
12736
+ padding-left: 0;
12737
+ border-left: none;
12738
+ margin-left: 0;
12739
+ }
12740
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenu) {
12741
+ padding: var(--space-2);
12742
+ }
12743
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-1) :where(.rt-SidebarMenuButton svg) {
12744
+ width: var(--content-icon-size-2) !important;
12745
+ height: var(--content-icon-size-2) !important;
12746
+ color: currentColor !important;
12747
+ }
12748
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-2) :where(.rt-SidebarMenuButton svg) {
12749
+ width: var(--content-icon-size-3) !important;
12750
+ height: var(--content-icon-size-3) !important;
12751
+ color: currentColor !important;
12617
12752
  }
12618
12753
  .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"]) {
12619
12754
  transition: none;
12620
- overflow: hidden;
12755
+ overflow: visible;
12621
12756
  flex-shrink: 0;
12622
12757
  }
12623
- .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"]:has(.rt-variant-ghost)) {
12624
- overflow: visible;
12758
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]) {
12759
+ opacity: 1;
12760
+ pointer-events: auto;
12761
+ margin: var(--space-2);
12762
+ }
12763
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]):where(.rt-r-size-1) {
12764
+ width: var(--sidebar-icon-width-1);
12765
+ min-width: var(--sidebar-icon-width-1);
12766
+ }
12767
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]):where(.rt-r-size-2) {
12768
+ width: var(--sidebar-icon-width-2);
12769
+ min-width: var(--sidebar-icon-width-2);
12625
12770
  }
12626
12771
  .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="expanded"]) {
12627
12772
  width: var(--sidebar-width);
@@ -12630,22 +12775,11 @@
12630
12775
  pointer-events: auto;
12631
12776
  margin: var(--space-2);
12632
12777
  }
12633
- .rt-SidebarContainer:where([data-collapsible="icon"]) {
12634
- width: var(--sidebar-width);
12635
- min-width: var(--sidebar-width);
12636
- flex-shrink: 0;
12637
- }
12638
- .rt-SidebarContent:where([data-collapsible="icon"]) {
12639
- width: 100%;
12640
- min-width: var(--sidebar-width);
12641
- flex-shrink: 0;
12642
- }
12643
12778
  @media (max-width: 768px) {
12644
- .rt-SidebarRoot {
12645
- display: none;
12779
+ .rt-SidebarRoot:where([data-collapsible="icon"]) {
12646
12780
  display: none;
12647
12781
  }
12648
- .rt-SidebarRoot:where([data-state="expanded"]) {
12782
+ .rt-SidebarRoot:where([data-collapsible="icon"][data-state="expanded"]) {
12649
12783
  display: flex;
12650
12784
  position: fixed;
12651
12785
  top: 0;
@@ -12661,6 +12795,11 @@
12661
12795
  transition: none;
12662
12796
  }
12663
12797
  }
12798
+ @media (max-width: 768px) {
12799
+ .rt-SidebarRoot {
12800
+ display: none;
12801
+ }
12802
+ }
12664
12803
  :where(.rt-SidebarContent.rt-r-size-1) .rt-SidebarMenuButton:where(:has(.rt-SidebarMenuShortcut, .rt-SidebarMenuBadge)) {
12665
12804
  padding-right: var(--base-menu-item-padding-y);
12666
12805
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/scroll-area.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n MarginProps,\n ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n const {\n asChild,\n children,\n className,\n style,\n type,\n scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n dir,\n size = scrollAreaPropDefs.size.default,\n radius = scrollAreaPropDefs.radius.default,\n scrollbars = scrollAreaPropDefs.scrollbars.default,\n ...viewportProps\n } = marginRest;\n\n return (\n <ScrollAreaPrimitive.Root\n type={type}\n scrollHideDelay={scrollHideDelay}\n className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n style={mergeStyles(marginCustomProperties, style)}\n asChild={asChild}\n >\n {getSubtree({ asChild, children }, (children) => (\n <>\n <ScrollAreaPrimitive.Viewport\n {...viewportProps}\n ref={forwardedRef}\n className=\"rt-ScrollAreaViewport\"\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n\n <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n {scrollbars !== 'vertical' ? (\n <ScrollAreaPrimitive.Scrollbar\n data-radius={radius}\n orientation=\"horizontal\"\n className={classNames(\n 'rt-ScrollAreaScrollbar',\n getResponsiveClassNames({\n className: 'rt-r-size',\n value: size,\n propValues: scrollAreaPropDefs.size.values,\n })\n )}\n >\n <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n </ScrollAreaPrimitive.Scrollbar>\n ) : null}\n\n {scrollbars !== 'horizontal' ? (\n <ScrollAreaPrimitive.Scrollbar\n data-radius={radius}\n orientation=\"vertical\"\n className={classNames(\n 'rt-ScrollAreaScrollbar',\n getResponsiveClassNames({\n className: 'rt-r-size',\n value: size,\n propValues: scrollAreaPropDefs.size.values,\n })\n )}\n >\n <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n </ScrollAreaPrimitive.Scrollbar>\n ) : null}\n\n {scrollbars === 'both' ? (\n <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n ) : null}\n </>\n ))}\n </ScrollAreaPrimitive.Root>\n );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n MarginProps,\n ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n const {\n asChild,\n children,\n className,\n style,\n type,\n scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n dir,\n size = scrollAreaPropDefs.size.default,\n radius = scrollAreaPropDefs.radius.default,\n scrollbars = scrollAreaPropDefs.scrollbars.default,\n ...viewportProps\n } = marginRest;\n\n return (\n <ScrollAreaPrimitive.Root\n type={type}\n scrollHideDelay={scrollHideDelay}\n className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n style={mergeStyles(marginCustomProperties, style)}\n asChild={asChild}\n >\n {getSubtree({ asChild, children }, (children) => (\n <>\n <ScrollAreaPrimitive.Viewport\n {...viewportProps}\n ref={forwardedRef}\n className=\"rt-ScrollAreaViewport\"\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n\n <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n {scrollbars !== 'vertical' ? (\n <ScrollAreaPrimitive.Scrollbar\n data-radius={radius}\n orientation=\"horizontal\"\n className={classNames(\n 'rt-ScrollAreaScrollbar',\n getResponsiveClassNames({\n className: 'rt-r-size',\n value: size,\n propValues: scrollAreaPropDefs.size.values,\n }),\n )}\n >\n <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n </ScrollAreaPrimitive.Scrollbar>\n ) : null}\n\n {scrollbars !== 'horizontal' ? (\n <ScrollAreaPrimitive.Scrollbar\n data-radius={radius}\n orientation=\"vertical\"\n className={classNames(\n 'rt-ScrollAreaScrollbar',\n getResponsiveClassNames({\n className: 'rt-r-size',\n value: size,\n propValues: scrollAreaPropDefs.size.values,\n }),\n )}\n >\n <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n </ScrollAreaPrimitive.Scrollbar>\n ) : null}\n\n {scrollbars === 'both' ? (\n <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n ) : null}\n </>\n ))}\n </ScrollAreaPrimitive.Root>\n );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n"],
5
5
  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,oBAElDC,EAAmC,kCACnCC,EAAmC,8CACnCC,EAAgC,2CAChCC,EAAwC,+CACxCC,EAA2B,qCAC3BC,EAA4B,sCAa5B,MAAMV,EAAaE,EAAM,WAA+C,CAACS,EAAOC,IAAiB,CAC/F,KAAM,CAAE,KAAMC,EAAY,GAAGC,CAAY,KAAI,sBAAmBH,CAAK,EAC/D,CAACI,EAAkBC,CAAsB,KAAI,mBAAgBF,CAAW,EAExE,CACJ,QAAAG,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EAAkBD,IAAS,SAAW,EAAI,OAC1C,IAAAE,EACA,KAAAC,EAAO,qBAAmB,KAAK,QAC/B,OAAAC,EAAS,qBAAmB,OAAO,QACnC,WAAAC,EAAa,qBAAmB,WAAW,QAC3C,GAAGC,CACL,EAAId,EAEJ,OACEX,EAAA,cAAC,EAAA0B,WAAoB,KAApB,CACC,KAAMP,EACN,gBAAiBC,EACjB,aAAW,EAAAO,SAAW,oBAAqBd,EAAkBI,CAAS,EACtE,SAAO,eAAYH,EAAwBI,CAAK,EAChD,QAASH,MAER,cAAW,CAAE,QAAAA,EAAS,SAAAC,CAAS,EAAIA,GAClChB,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,EAAA0B,WAAoB,SAApB,CACE,GAAGD,EACJ,IAAKf,EACL,UAAU,yBAETM,CACH,EAEAhB,EAAA,cAAC,OAAI,UAAU,iCAAiC,EAE/CwB,IAAe,WACdxB,EAAA,cAAC,EAAA0B,WAAoB,UAApB,CACC,cAAaH,EACb,YAAY,aACZ,aAAW,EAAAI,SACT,4BACA,2BAAwB,CACtB,UAAW,YACX,MAAOL,EACP,WAAY,qBAAmB,KAAK,MACtC,CAAC,CACH,GAEAtB,EAAA,cAAC,EAAA0B,WAAoB,MAApB,CAA0B,UAAU,qBAAqB,CAC5D,EACE,KAEHF,IAAe,aACdxB,EAAA,cAAC,EAAA0B,WAAoB,UAApB,CACC,cAAaH,EACb,YAAY,WACZ,aAAW,EAAAI,SACT,4BACA,2BAAwB,CACtB,UAAW,YACX,MAAOL,EACP,WAAY,qBAAmB,KAAK,MACtC,CAAC,CACH,GAEAtB,EAAA,cAAC,EAAA0B,WAAoB,MAApB,CAA0B,UAAU,qBAAqB,CAC5D,EACE,KAEHF,IAAe,OACdxB,EAAA,cAAC,EAAA0B,WAAoB,OAApB,CAA2B,UAAU,sBAAsB,EAC1D,IACN,CACD,CACH,CAEJ,CAAC,EACD5B,EAAW,YAAc",
6
6
  "names": ["scroll_area_exports", "__export", "ScrollArea", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_scroll_area_props", "import_extract_margin_props", "import_get_margin_styles", "import_get_responsive_styles", "import_get_subtree", "import_merge_styles", "props", "forwardedRef", "marginRest", "marginProps", "marginClassNames", "marginCustomProperties", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "size", "radius", "scrollbars", "viewportProps", "ScrollAreaPrimitive", "classNames"]
7
7
  }
@@ -24,7 +24,7 @@ type SidebarContextProps = {
24
24
  toggleSidebar: () => void;
25
25
  side: 'left' | 'right';
26
26
  type: 'sidebar' | 'floating';
27
- variant: 'soft' | 'surface' | 'ghost';
27
+ variant: 'soft' | 'outline' | 'surface' | 'ghost';
28
28
  menuVariant: 'solid' | 'soft';
29
29
  collapsible: 'offcanvas' | 'icon' | 'none';
30
30
  size: '1' | '2';
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";"use client";var ae=Object.create;var w=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var pe=(t,r)=>{for(var o in r)w(t,o,{get:r[o],enumerable:!0})},Q=(t,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of ie(r))!de.call(t,n)&&n!==o&&w(t,n,{get:()=>r[n],enumerable:!(a=ne(r,n))||a.enumerable});return t};var X=(t,r,o)=>(o=t!=null?ae(se(t)):{},Q(r||!t||!t.__esModule?w(o,"default",{value:t,enumerable:!0}):o,t)),le=t=>Q(w({},"__esModule",{value:!0}),t);var be={};pe(be,{Content:()=>W,Footer:()=>A,Group:()=>U,GroupContent:()=>J,GroupLabel:()=>q,Header:()=>D,Menu:()=>k,MenuButton:()=>F,MenuItem:()=>V,MenuSub:()=>j,MenuSubContent:()=>K,MenuSubTrigger:()=>_,Provider:()=>E,Root:()=>G,Separator:()=>O,Trigger:()=>$,useSidebar:()=>H});module.exports=le(be);var e=X(require("react")),i=X(require("classnames")),I=require("./slot.js"),y=require("radix-ui"),P=require("./sidebar.props.js"),x=require("./theme.js"),Y=require("./icon-button.js"),Z=require("./scroll-area.js"),ee=require("./separator.js"),L=require("./icons.js"),te=require("../helpers/extract-props.js"),oe=require("./kbd.js"),z=require("./badge.js");const M=e.createContext(null);function H(){const t=e.useContext(M);if(!t)throw new Error("useSidebar must be used within a SidebarProvider.");return t}function ue(){const[t,r]=e.useState(!1);return e.useEffect(()=>{const o=()=>{r(window.innerWidth<768)};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),t}const E=e.forwardRef(({defaultOpen:t=!0,open:r,onOpenChange:o,side:a="left",className:n,children:s,...b},p)=>{const d=ue(),[m,l]=e.useState(!1),[c,f]=e.useState(t),u=r??c,g=e.useCallback(S=>{const B=typeof S=="function"?S(u):S;o?o(B):f(B)},[o,u]),v=e.useCallback(()=>d?l(S=>!S):g(S=>!S),[d,g,l]),T=u?"expanded":"collapsed",N=e.useMemo(()=>({state:T,open:u,setOpen:g,isMobile:d,openMobile:m,setOpenMobile:l,toggleSidebar:v,side:a}),[T,u,g,d,m,l,v,a]);return e.createElement("div",{...b,ref:p,className:(0,i.default)("rt-SidebarProvider",n),"data-state":T,"data-side":a},e.createElement(M.Provider,{value:N},s))});E.displayName="Sidebar.Provider";const G=e.forwardRef((t,r)=>{const o=(0,x.useThemeContext)(),{isMobile:a,state:n,openMobile:s,setOpenMobile:b}=H(),{size:p=P.sidebarPropDefs.size.default,variant:d=P.sidebarPropDefs.variant.default,menuVariant:m=P.sidebarPropDefs.menuVariant.default,type:l=P.sidebarPropDefs.type.default,side:c=P.sidebarPropDefs.side.default,collapsible:f=P.sidebarPropDefs.collapsible.default,panelBackground:u,color:g,highContrast:v=P.sidebarPropDefs.highContrast.default,asChild:T}=t,{className:N,children:S,...B}=(0,te.extractProps)(t,P.sidebarPropDefs),{asChild:ce,panelBackground:fe,...R}=B,h=g||o.accentColor,re=typeof p=="object"?p.initial||"2":p,C=e.useContext(M);return C&&(C.side=c,C.type=l,C.variant=d,C.menuVariant=m,C.collapsible=f,C.size=re),f==="none"?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",`rt-r-size-${p}`,N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-panel-background":u},S))):a?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":s?"open":"closed","data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot","rt-SidebarRoot--mobile",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S))):e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S)))});G.displayName="Sidebar.Root";const W=e.forwardRef(({className:t,children:r,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft",type:p="sidebar",collapsible:d="none"}=n||{};return e.createElement(Z.ScrollArea,{type:"auto"},e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${s}`,`rt-menu-variant-${b}`,t),"data-type":p,"data-collapsible":d},r))});W.displayName="Sidebar.Content";const D=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarHeader",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarHeader--container":r},t)})});D.displayName="Sidebar.Header";const A=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarFooter",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarFooter--container":r},t)})});A.displayName="Sidebar.Footer";const $=e.forwardRef(({onClick:t,children:r,...o},a)=>{const{toggleSidebar:n}=H();return e.createElement(Y.IconButton,{...o,ref:a,variant:"ghost",onClick:s=>{t?.(s),n()}},r||e.createElement(L.ChevronDownIcon,null))});$.displayName="Sidebar.Trigger";const O=e.forwardRef(({className:t,...r},o)=>e.createElement(ee.Separator,{...r,ref:o,className:(0,i.default)("rt-SidebarSeparator",t)}));O.displayName="Sidebar.Separator";const k=e.forwardRef(({className:t,...r},o)=>e.createElement("ul",{...r,ref:o,className:(0,i.default)("rt-BaseMenuViewport","rt-SidebarMenu",t)}));k.displayName="Sidebar.Menu";const V=e.forwardRef(({className:t,...r},o)=>e.createElement("li",{...r,ref:o,className:(0,i.default)("rt-SidebarMenuItem",t)}));V.displayName="Sidebar.MenuItem";const F=e.forwardRef(({asChild:t=!1,isActive:r=!1,shortcut:o,badge:a,className:n,children:s,onMouseEnter:b,onMouseLeave:p,...d},m)=>{const[l,c]=e.useState(!1),f=e.useContext(M),{size:u="2"}=f||{};return e.createElement(t?I.Slot:"button",{...d,ref:m,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",n),"data-active":r||void 0,"data-highlighted":l||void 0,onMouseEnter:v=>{c(!0),b?.(v)},onMouseLeave:v=>{c(!1),p?.(v)}},t?s:e.createElement(e.Fragment,null,s,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(z.Badge,{size:u,variant:"soft"},a):e.createElement(z.Badge,{size:a.size||u,variant:a.variant||"soft",color:a.color,highContrast:a.highContrast,radius:a.radius},a.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(oe.Kbd,{size:u},o))))});F.displayName="Sidebar.MenuButton";const j=e.forwardRef(({defaultOpen:t=!1,children:r,...o},a)=>e.createElement("div",{...o,ref:a},e.createElement(y.Accordion.Root,{type:"single",collapsible:!0,defaultValue:t?"item":void 0},e.createElement(y.Accordion.Item,{value:"item"},r))));j.displayName="Sidebar.MenuSub";const _=e.forwardRef(({asChild:t=!1,className:r,children:o,onMouseEnter:a,onMouseLeave:n,...s},b)=>{const[p,d]=e.useState(!1);return e.createElement(y.Accordion.Header,{asChild:!0},e.createElement("div",null,e.createElement(y.Accordion.Trigger,{...s,ref:b,asChild:t,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",r),"data-highlighted":p||void 0,onMouseEnter:m=>{d(!0),a?.(m)},onMouseLeave:m=>{d(!1),n?.(m)}},t?o:e.createElement(e.Fragment,null,o,e.createElement(L.ThickChevronRightIcon,{className:(0,i.default)("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});_.displayName="Sidebar.MenuSubTrigger";const K=e.forwardRef(({className:t,children:r,...o},a)=>e.createElement(y.Accordion.Content,{...o,ref:a,className:(0,i.default)("rt-SidebarMenuSubContent",t)},e.createElement("div",{className:"rt-SidebarMenuSubList"},r)));K.displayName="Sidebar.MenuSubContent";const U=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-BaseMenuGroup","rt-SidebarGroup",t)}));U.displayName="Sidebar.Group";const q=e.forwardRef(({asChild:t=!1,className:r,...o},a)=>e.createElement(t?I.Slot:"div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuLabel","rt-SidebarGroupLabel",r)}));q.displayName="Sidebar.GroupLabel";const J=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-SidebarGroupContent",t)}));J.displayName="Sidebar.GroupContent";
1
+ "use strict";"use client";var ae=Object.create;var w=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var pe=(t,r)=>{for(var o in r)w(t,o,{get:r[o],enumerable:!0})},Q=(t,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of ie(r))!de.call(t,n)&&n!==o&&w(t,n,{get:()=>r[n],enumerable:!(a=ne(r,n))||a.enumerable});return t};var X=(t,r,o)=>(o=t!=null?ae(se(t)):{},Q(r||!t||!t.__esModule?w(o,"default",{value:t,enumerable:!0}):o,t)),le=t=>Q(w({},"__esModule",{value:!0}),t);var be={};pe(be,{Content:()=>W,Footer:()=>A,Group:()=>U,GroupContent:()=>J,GroupLabel:()=>q,Header:()=>D,Menu:()=>k,MenuButton:()=>F,MenuItem:()=>V,MenuSub:()=>j,MenuSubContent:()=>K,MenuSubTrigger:()=>_,Provider:()=>E,Root:()=>G,Separator:()=>O,Trigger:()=>$,useSidebar:()=>H});module.exports=le(be);var e=X(require("react")),i=X(require("classnames")),I=require("./slot.js"),y=require("radix-ui"),P=require("./sidebar.props.js"),x=require("./theme.js"),Y=require("./icon-button.js"),Z=require("./scroll-area.js"),ee=require("./separator.js"),L=require("./icons.js"),te=require("../helpers/extract-props.js"),oe=require("./kbd.js"),z=require("./badge.js");const M=e.createContext(null);function H(){const t=e.useContext(M);if(!t)throw new Error("useSidebar must be used within a SidebarProvider.");return t}function ue(){const[t,r]=e.useState(!1);return e.useEffect(()=>{const o=()=>{r(window.innerWidth<768)};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),t}const E=e.forwardRef(({defaultOpen:t=!0,open:r,onOpenChange:o,side:a="left",className:n,children:s,...b},p)=>{const d=ue(),[m,l]=e.useState(!1),[c,f]=e.useState(t),u=r??c,g=e.useCallback(S=>{const B=typeof S=="function"?S(u):S;o?o(B):f(B)},[o,u]),v=e.useCallback(()=>d?l(S=>!S):g(S=>!S),[d,g,l]),T=u?"expanded":"collapsed",N=e.useMemo(()=>({state:T,open:u,setOpen:g,isMobile:d,openMobile:m,setOpenMobile:l,toggleSidebar:v,side:a}),[T,u,g,d,m,l,v,a]);return e.createElement("div",{...b,ref:p,className:(0,i.default)("rt-SidebarProvider",n),"data-state":T,"data-side":a},e.createElement(M.Provider,{value:N},s))});E.displayName="Sidebar.Provider";const G=e.forwardRef((t,r)=>{const o=(0,x.useThemeContext)(),{isMobile:a,state:n,openMobile:s,setOpenMobile:b}=H(),{size:p=P.sidebarPropDefs.size.default,variant:d=P.sidebarPropDefs.variant.default,menuVariant:m=P.sidebarPropDefs.menuVariant.default,type:l=P.sidebarPropDefs.type.default,side:c=P.sidebarPropDefs.side.default,collapsible:f=P.sidebarPropDefs.collapsible.default,panelBackground:u,color:g,highContrast:v=P.sidebarPropDefs.highContrast.default,asChild:T}=t,{className:N,children:S,...B}=(0,te.extractProps)(t,P.sidebarPropDefs),{asChild:ce,panelBackground:fe,...R}=B,h=g||o.accentColor,re=typeof p=="object"?p.initial||"2":p,C=e.useContext(M);return C&&(C.side=c,C.type=l,C.variant=d,C.menuVariant=m,C.collapsible=f,C.size=re),f==="none"?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",`rt-r-size-${p}`,N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-panel-background":u},S))):a?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":s?"open":"closed","data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot","rt-SidebarRoot--mobile",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S))):e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S)))});G.displayName="Sidebar.Root";const W=e.forwardRef(({className:t,children:r,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft",type:p="sidebar",collapsible:d="none"}=n||{};return e.createElement(Z.ScrollArea,{type:"hover"},e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${s}`,`rt-menu-variant-${b}`,t),"data-type":p,"data-collapsible":d},r))});W.displayName="Sidebar.Content";const D=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarHeader",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarHeader--container":r},t)})});D.displayName="Sidebar.Header";const A=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarFooter",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarFooter--container":r},t)})});A.displayName="Sidebar.Footer";const $=e.forwardRef(({onClick:t,children:r,...o},a)=>{const{toggleSidebar:n}=H();return e.createElement(Y.IconButton,{...o,ref:a,variant:"ghost",onClick:s=>{t?.(s),n()}},r||e.createElement(L.ChevronDownIcon,null))});$.displayName="Sidebar.Trigger";const O=e.forwardRef(({className:t,...r},o)=>e.createElement(ee.Separator,{...r,ref:o,className:(0,i.default)("rt-SidebarSeparator",t)}));O.displayName="Sidebar.Separator";const k=e.forwardRef(({className:t,...r},o)=>e.createElement("ul",{...r,ref:o,className:(0,i.default)("rt-BaseMenuViewport","rt-SidebarMenu",t)}));k.displayName="Sidebar.Menu";const V=e.forwardRef(({className:t,...r},o)=>e.createElement("li",{...r,ref:o,className:(0,i.default)("rt-SidebarMenuItem",t)}));V.displayName="Sidebar.MenuItem";const F=e.forwardRef(({asChild:t=!1,isActive:r=!1,shortcut:o,badge:a,className:n,children:s,onMouseEnter:b,onMouseLeave:p,...d},m)=>{const[l,c]=e.useState(!1),f=e.useContext(M),{size:u="2"}=f||{};return e.createElement(t?I.Slot:"button",{...d,ref:m,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",n),"data-active":r||void 0,"data-highlighted":l||void 0,onMouseEnter:v=>{c(!0),b?.(v)},onMouseLeave:v=>{c(!1),p?.(v)}},t?s:e.createElement(e.Fragment,null,s,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(z.Badge,{size:u,variant:"soft"},a):e.createElement(z.Badge,{size:a.size||u,variant:a.variant||"soft",color:a.color,highContrast:a.highContrast,radius:a.radius},a.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(oe.Kbd,{size:u},o))))});F.displayName="Sidebar.MenuButton";const j=e.forwardRef(({defaultOpen:t=!1,children:r,...o},a)=>e.createElement("div",{...o,ref:a},e.createElement(y.Accordion.Root,{type:"single",collapsible:!0,defaultValue:t?"item":void 0},e.createElement(y.Accordion.Item,{value:"item"},r))));j.displayName="Sidebar.MenuSub";const _=e.forwardRef(({asChild:t=!1,className:r,children:o,onMouseEnter:a,onMouseLeave:n,...s},b)=>{const[p,d]=e.useState(!1);return e.createElement(y.Accordion.Header,{asChild:!0},e.createElement("div",null,e.createElement(y.Accordion.Trigger,{...s,ref:b,asChild:t,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",r),"data-highlighted":p||void 0,onMouseEnter:m=>{d(!0),a?.(m)},onMouseLeave:m=>{d(!1),n?.(m)}},t?o:e.createElement(e.Fragment,null,o,e.createElement(L.ThickChevronRightIcon,{className:(0,i.default)("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});_.displayName="Sidebar.MenuSubTrigger";const K=e.forwardRef(({className:t,children:r,...o},a)=>e.createElement(y.Accordion.Content,{...o,ref:a,className:(0,i.default)("rt-SidebarMenuSubContent",t)},e.createElement("div",{className:"rt-SidebarMenuSubList"},r)));K.displayName="Sidebar.MenuSubContent";const U=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-BaseMenuGroup","rt-SidebarGroup",t)}));U.displayName="Sidebar.Group";const q=e.forwardRef(({asChild:t=!1,className:r,...o},a)=>e.createElement(t?I.Slot:"div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuLabel","rt-SidebarGroupLabel",r)}));q.displayName="Sidebar.GroupLabel";const J=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-SidebarGroupContent",t)}));J.displayName="Sidebar.GroupContent";
2
2
  //# sourceMappingURL=sidebar.js.map