@kushagradhawan/kookie-ui 0.1.39 → 0.1.40
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 +154 -33
- package/dist/cjs/components/shell.d.ts +2 -0
- package/dist/cjs/components/shell.d.ts.map +1 -1
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +3 -3
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -1
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.js +1 -1
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.js.map +3 -3
- package/dist/esm/components/shell.d.ts +2 -0
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/shell.js.map +3 -3
- package/dist/esm/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -1
- package/dist/esm/hooks/use-body-pointer-events-cleanup.js +1 -1
- package/dist/esm/hooks/use-body-pointer-events-cleanup.js.map +3 -3
- package/package.json +1 -1
- package/src/components/_internal/base-card.css +199 -83
- package/src/components/_internal/base-sidebar-menu.css +9 -9
- package/src/components/shell.css +7 -5
- package/src/components/shell.tsx +5 -3
- package/src/components/table.css +4 -0
- package/src/hooks/use-body-pointer-events-cleanup.ts +76 -45
- package/styles.css +154 -33
package/components.css
CHANGED
|
@@ -4935,7 +4935,18 @@
|
|
|
4935
4935
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
4936
4936
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
4937
4937
|
}
|
|
4938
|
-
:where(
|
|
4938
|
+
:where(
|
|
4939
|
+
.rt-PopoverContent,
|
|
4940
|
+
.rt-BaseDialogContent,
|
|
4941
|
+
.rt-BaseMenuContent,
|
|
4942
|
+
.rt-DropdownMenuContent,
|
|
4943
|
+
.rt-ContextMenuContent,
|
|
4944
|
+
.rt-AlertDialogContent,
|
|
4945
|
+
.rt-HoverCardContent,
|
|
4946
|
+
.rt-TooltipContent,
|
|
4947
|
+
.rt-Card
|
|
4948
|
+
)
|
|
4949
|
+
.rt-BaseCard::before {
|
|
4939
4950
|
-webkit-backdrop-filter: none !important;
|
|
4940
4951
|
backdrop-filter: none !important;
|
|
4941
4952
|
}
|
|
@@ -5294,7 +5305,11 @@
|
|
|
5294
5305
|
backdrop-filter: none;
|
|
5295
5306
|
--backdrop-filter-panel: none;
|
|
5296
5307
|
}
|
|
5297
|
-
:where(
|
|
5308
|
+
:where(
|
|
5309
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5310
|
+
.rt-BaseCard[data-material='translucent']
|
|
5311
|
+
)
|
|
5312
|
+
.rt-BaseCard:where(.rt-variant-classic)::before {
|
|
5298
5313
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5299
5314
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5300
5315
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
@@ -5319,13 +5334,18 @@
|
|
|
5319
5334
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5320
5335
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5321
5336
|
}
|
|
5322
|
-
:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
|
|
5337
|
+
:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
|
|
5338
|
+
.rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before {
|
|
5323
5339
|
background-color: var(--gray-2);
|
|
5324
5340
|
-webkit-backdrop-filter: none;
|
|
5325
5341
|
backdrop-filter: none;
|
|
5326
5342
|
--backdrop-filter-panel: none;
|
|
5327
5343
|
}
|
|
5328
|
-
:where(
|
|
5344
|
+
:where(
|
|
5345
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5346
|
+
.rt-BaseCard[data-material='translucent']
|
|
5347
|
+
)
|
|
5348
|
+
.rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before {
|
|
5329
5349
|
background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
|
|
5330
5350
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5331
5351
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
@@ -5353,7 +5373,11 @@
|
|
|
5353
5373
|
backdrop-filter: none;
|
|
5354
5374
|
--backdrop-filter-panel: none;
|
|
5355
5375
|
}
|
|
5356
|
-
:where(
|
|
5376
|
+
:where(
|
|
5377
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5378
|
+
.rt-BaseCard[data-material='translucent']
|
|
5379
|
+
)
|
|
5380
|
+
.rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before {
|
|
5357
5381
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
5358
5382
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5359
5383
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
@@ -5379,7 +5403,11 @@
|
|
|
5379
5403
|
backdrop-filter: none;
|
|
5380
5404
|
--backdrop-filter-panel: none;
|
|
5381
5405
|
}
|
|
5382
|
-
:where(
|
|
5406
|
+
:where(
|
|
5407
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5408
|
+
.rt-BaseCard[data-material='translucent']
|
|
5409
|
+
)
|
|
5410
|
+
.rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before {
|
|
5383
5411
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
5384
5412
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5385
5413
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
@@ -5446,7 +5474,18 @@
|
|
|
5446
5474
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5447
5475
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
5448
5476
|
}
|
|
5449
|
-
:where(
|
|
5477
|
+
:where(
|
|
5478
|
+
.rt-PopoverContent,
|
|
5479
|
+
.rt-BaseDialogContent,
|
|
5480
|
+
.rt-BaseMenuContent,
|
|
5481
|
+
.rt-DropdownMenuContent,
|
|
5482
|
+
.rt-ContextMenuContent,
|
|
5483
|
+
.rt-AlertDialogContent,
|
|
5484
|
+
.rt-HoverCardContent,
|
|
5485
|
+
.rt-TooltipContent,
|
|
5486
|
+
.rt-Card
|
|
5487
|
+
)
|
|
5488
|
+
.rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover) {
|
|
5450
5489
|
-webkit-backdrop-filter: none !important;
|
|
5451
5490
|
backdrop-filter: none !important;
|
|
5452
5491
|
}
|
|
@@ -5474,7 +5513,18 @@
|
|
|
5474
5513
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5475
5514
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
5476
5515
|
}
|
|
5477
|
-
:where(
|
|
5516
|
+
:where(
|
|
5517
|
+
.rt-PopoverContent,
|
|
5518
|
+
.rt-BaseDialogContent,
|
|
5519
|
+
.rt-BaseMenuContent,
|
|
5520
|
+
.rt-DropdownMenuContent,
|
|
5521
|
+
.rt-ContextMenuContent,
|
|
5522
|
+
.rt-AlertDialogContent,
|
|
5523
|
+
.rt-HoverCardContent,
|
|
5524
|
+
.rt-TooltipContent,
|
|
5525
|
+
.rt-Card
|
|
5526
|
+
)
|
|
5527
|
+
.rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']) {
|
|
5478
5528
|
-webkit-backdrop-filter: none !important;
|
|
5479
5529
|
backdrop-filter: none !important;
|
|
5480
5530
|
}
|
|
@@ -5501,7 +5551,18 @@
|
|
|
5501
5551
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5502
5552
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
5503
5553
|
}
|
|
5504
|
-
:where(
|
|
5554
|
+
:where(
|
|
5555
|
+
.rt-PopoverContent,
|
|
5556
|
+
.rt-BaseDialogContent,
|
|
5557
|
+
.rt-BaseMenuContent,
|
|
5558
|
+
.rt-DropdownMenuContent,
|
|
5559
|
+
.rt-ContextMenuContent,
|
|
5560
|
+
.rt-AlertDialogContent,
|
|
5561
|
+
.rt-HoverCardContent,
|
|
5562
|
+
.rt-TooltipContent,
|
|
5563
|
+
.rt-Card
|
|
5564
|
+
)
|
|
5565
|
+
.rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])) {
|
|
5505
5566
|
-webkit-backdrop-filter: none !important;
|
|
5506
5567
|
backdrop-filter: none !important;
|
|
5507
5568
|
}
|
|
@@ -5515,16 +5576,16 @@
|
|
|
5515
5576
|
}
|
|
5516
5577
|
.rt-BaseCard:where(.rt-variant-soft) {
|
|
5517
5578
|
--card-border-width: 0px;
|
|
5518
|
-
--card-background-color: var(--gray-
|
|
5579
|
+
--card-background-color: var(--gray-2);
|
|
5519
5580
|
}
|
|
5520
5581
|
:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft) {
|
|
5521
|
-
--card-background-color: color-mix(in srgb, var(--gray-
|
|
5582
|
+
--card-background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
|
|
5522
5583
|
}
|
|
5523
5584
|
.rt-BaseCard:where(.rt-variant-soft):where([data-panel-background='solid'], [data-material='solid']) {
|
|
5524
|
-
--card-background-color: var(--gray-
|
|
5585
|
+
--card-background-color: var(--gray-2);
|
|
5525
5586
|
}
|
|
5526
5587
|
.rt-BaseCard:where(.rt-variant-soft):where([data-panel-background='translucent'], [data-material='translucent']) {
|
|
5527
|
-
--card-background-color: color-mix(in srgb, var(--gray-
|
|
5588
|
+
--card-background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
|
|
5528
5589
|
}
|
|
5529
5590
|
.rt-BaseCard:where(.rt-variant-soft)::before {
|
|
5530
5591
|
background-color: var(--card-background-color);
|
|
@@ -5538,7 +5599,11 @@
|
|
|
5538
5599
|
backdrop-filter: none;
|
|
5539
5600
|
--backdrop-filter-panel: none;
|
|
5540
5601
|
}
|
|
5541
|
-
:where(
|
|
5602
|
+
:where(
|
|
5603
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5604
|
+
.rt-BaseCard[data-material='translucent']
|
|
5605
|
+
)
|
|
5606
|
+
.rt-BaseCard:where(.rt-variant-soft)::before {
|
|
5542
5607
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5543
5608
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5544
5609
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
@@ -5561,19 +5626,35 @@
|
|
|
5561
5626
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5562
5627
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5563
5628
|
}
|
|
5564
|
-
:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
|
|
5629
|
+
:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
|
|
5630
|
+
.rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before {
|
|
5565
5631
|
background-color: var(--gray-3);
|
|
5566
5632
|
-webkit-backdrop-filter: none;
|
|
5567
5633
|
backdrop-filter: none;
|
|
5568
5634
|
--backdrop-filter-panel: none;
|
|
5569
5635
|
}
|
|
5570
|
-
:where(
|
|
5636
|
+
:where(
|
|
5637
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5638
|
+
.rt-BaseCard[data-material='translucent']
|
|
5639
|
+
)
|
|
5640
|
+
.rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before {
|
|
5571
5641
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
5572
5642
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5573
5643
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5574
5644
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
5575
5645
|
}
|
|
5576
|
-
:where(
|
|
5646
|
+
:where(
|
|
5647
|
+
.rt-PopoverContent,
|
|
5648
|
+
.rt-BaseDialogContent,
|
|
5649
|
+
.rt-BaseMenuContent,
|
|
5650
|
+
.rt-DropdownMenuContent,
|
|
5651
|
+
.rt-ContextMenuContent,
|
|
5652
|
+
.rt-AlertDialogContent,
|
|
5653
|
+
.rt-HoverCardContent,
|
|
5654
|
+
.rt-TooltipContent,
|
|
5655
|
+
.rt-Card
|
|
5656
|
+
)
|
|
5657
|
+
.rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before {
|
|
5577
5658
|
-webkit-backdrop-filter: none !important;
|
|
5578
5659
|
backdrop-filter: none !important;
|
|
5579
5660
|
}
|
|
@@ -5592,32 +5673,51 @@
|
|
|
5592
5673
|
backdrop-filter: none;
|
|
5593
5674
|
--backdrop-filter-panel: none;
|
|
5594
5675
|
}
|
|
5595
|
-
:where(
|
|
5676
|
+
:where(
|
|
5677
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5678
|
+
.rt-BaseCard[data-material='translucent']
|
|
5679
|
+
)
|
|
5680
|
+
.rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before {
|
|
5596
5681
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
5597
5682
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5598
5683
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5599
5684
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
5600
5685
|
}
|
|
5601
|
-
:where(
|
|
5686
|
+
:where(
|
|
5687
|
+
.rt-PopoverContent,
|
|
5688
|
+
.rt-BaseDialogContent,
|
|
5689
|
+
.rt-BaseMenuContent,
|
|
5690
|
+
.rt-DropdownMenuContent,
|
|
5691
|
+
.rt-ContextMenuContent,
|
|
5692
|
+
.rt-AlertDialogContent,
|
|
5693
|
+
.rt-HoverCardContent,
|
|
5694
|
+
.rt-TooltipContent,
|
|
5695
|
+
.rt-Card
|
|
5696
|
+
)
|
|
5697
|
+
.rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before {
|
|
5602
5698
|
-webkit-backdrop-filter: none !important;
|
|
5603
5699
|
backdrop-filter: none !important;
|
|
5604
5700
|
}
|
|
5605
5701
|
.rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before {
|
|
5606
|
-
background-color: var(--gray-
|
|
5702
|
+
background-color: var(--gray-3);
|
|
5607
5703
|
}
|
|
5608
5704
|
:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before {
|
|
5609
|
-
background-color: color-mix(in srgb, var(--gray-
|
|
5705
|
+
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
5610
5706
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5611
5707
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5612
5708
|
}
|
|
5613
5709
|
:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before {
|
|
5614
|
-
background-color: var(--gray-
|
|
5710
|
+
background-color: var(--gray-3);
|
|
5615
5711
|
-webkit-backdrop-filter: none;
|
|
5616
5712
|
backdrop-filter: none;
|
|
5617
5713
|
--backdrop-filter-panel: none;
|
|
5618
5714
|
}
|
|
5619
|
-
:where(
|
|
5620
|
-
|
|
5715
|
+
:where(
|
|
5716
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5717
|
+
.rt-BaseCard[data-material='translucent']
|
|
5718
|
+
)
|
|
5719
|
+
.rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before {
|
|
5720
|
+
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
5621
5721
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5622
5722
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5623
5723
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
@@ -5652,7 +5752,11 @@
|
|
|
5652
5752
|
backdrop-filter: none;
|
|
5653
5753
|
--backdrop-filter-panel: none;
|
|
5654
5754
|
}
|
|
5655
|
-
:where(
|
|
5755
|
+
:where(
|
|
5756
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5757
|
+
.rt-BaseCard[data-material='translucent']
|
|
5758
|
+
)
|
|
5759
|
+
.rt-BaseCard:where(.rt-variant-surface)::before {
|
|
5656
5760
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5657
5761
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5658
5762
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
@@ -5682,13 +5786,18 @@
|
|
|
5682
5786
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5683
5787
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
5684
5788
|
}
|
|
5685
|
-
:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
|
|
5789
|
+
:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
|
|
5790
|
+
.rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before {
|
|
5686
5791
|
background-color: var(--gray-2);
|
|
5687
5792
|
-webkit-backdrop-filter: none;
|
|
5688
5793
|
backdrop-filter: none;
|
|
5689
5794
|
--backdrop-filter-panel: none;
|
|
5690
5795
|
}
|
|
5691
|
-
:where(
|
|
5796
|
+
:where(
|
|
5797
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5798
|
+
.rt-BaseCard[data-material='translucent']
|
|
5799
|
+
)
|
|
5800
|
+
.rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before {
|
|
5692
5801
|
background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
|
|
5693
5802
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5694
5803
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
@@ -5715,7 +5824,11 @@
|
|
|
5715
5824
|
backdrop-filter: none;
|
|
5716
5825
|
--backdrop-filter-panel: none;
|
|
5717
5826
|
}
|
|
5718
|
-
:where(
|
|
5827
|
+
:where(
|
|
5828
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5829
|
+
.rt-BaseCard[data-material='translucent']
|
|
5830
|
+
)
|
|
5831
|
+
.rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before {
|
|
5719
5832
|
background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
|
|
5720
5833
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5721
5834
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
@@ -5741,7 +5854,11 @@
|
|
|
5741
5854
|
backdrop-filter: none;
|
|
5742
5855
|
--backdrop-filter-panel: none;
|
|
5743
5856
|
}
|
|
5744
|
-
:where(
|
|
5857
|
+
:where(
|
|
5858
|
+
.rt-BaseCard[data-panel-background='translucent'],
|
|
5859
|
+
.rt-BaseCard[data-material='translucent']
|
|
5860
|
+
)
|
|
5861
|
+
.rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before {
|
|
5745
5862
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
5746
5863
|
-webkit-backdrop-filter: var(--backdrop-filter-panel);
|
|
5747
5864
|
backdrop-filter: var(--backdrop-filter-panel);
|
|
@@ -13889,7 +14006,7 @@
|
|
|
13889
14006
|
.rt-SidebarMenuSubTrigger :where(.rt-SidebarMenuSubTriggerIcon) {
|
|
13890
14007
|
transition: transform var(--motion-duration-micro) var(--motion-ease-standard);
|
|
13891
14008
|
}
|
|
13892
|
-
.rt-SidebarMenuSubTrigger:where([data-state=
|
|
14009
|
+
.rt-SidebarMenuSubTrigger:where([data-state='open']) :where(.rt-SidebarMenuSubTriggerIcon) {
|
|
13893
14010
|
transform: rotate(90deg);
|
|
13894
14011
|
}
|
|
13895
14012
|
.rt-SidebarMenuSubContent {
|
|
@@ -13898,10 +14015,10 @@
|
|
|
13898
14015
|
.rt-SidebarMenuSubContent:where(:focus-within) {
|
|
13899
14016
|
overflow: visible;
|
|
13900
14017
|
}
|
|
13901
|
-
.rt-SidebarMenuSubContent:where([data-state=
|
|
14018
|
+
.rt-SidebarMenuSubContent:where([data-state='open']) {
|
|
13902
14019
|
animation: rt-sidebar-slide-down var(--motion-duration-small) var(--motion-ease-standard);
|
|
13903
14020
|
}
|
|
13904
|
-
.rt-SidebarMenuSubContent:where([data-state=
|
|
14021
|
+
.rt-SidebarMenuSubContent:where([data-state='closed']) {
|
|
13905
14022
|
animation: rt-sidebar-slide-up var(--motion-duration-small) var(--motion-ease-standard);
|
|
13906
14023
|
}
|
|
13907
14024
|
@keyframes rt-sidebar-slide-down {
|
|
@@ -14823,7 +14940,8 @@
|
|
|
14823
14940
|
top: 0;
|
|
14824
14941
|
inset-inline: 0;
|
|
14825
14942
|
z-index: var(--shell-z-header, 10);
|
|
14826
|
-
|
|
14943
|
+
height: var(--shell-header-height, 64px);
|
|
14944
|
+
min-height: var(--shell-header-height, 64px);
|
|
14827
14945
|
display: flex;
|
|
14828
14946
|
align-items: center;
|
|
14829
14947
|
background-color: var(--color-panel);
|
|
@@ -16219,6 +16337,9 @@
|
|
|
16219
16337
|
--scrollarea-scrollbar-horizontal-margin-left: 0;
|
|
16220
16338
|
--scrollarea-scrollbar-horizontal-margin-right: 0;
|
|
16221
16339
|
}
|
|
16340
|
+
.rt-TableRoot:where(.rt-variant-ghost) :where(.rt-TableBody) :where(.rt-TableRow:last-child) {
|
|
16341
|
+
--table-row-box-shadow: none;
|
|
16342
|
+
}
|
|
16222
16343
|
.rt-TabsContent {
|
|
16223
16344
|
position: relative;
|
|
16224
16345
|
outline: 0;
|
|
@@ -68,6 +68,8 @@ interface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
|
68
68
|
onToolChange?: (id: string | null) => void;
|
|
69
69
|
activeContext?: string | null;
|
|
70
70
|
onContextChange?: (id: string | null) => void;
|
|
71
|
+
/** Custom cycling order for single-markup sidebars. Defaults to ['panel', 'rail', 'collapsed'] */
|
|
72
|
+
singleViewCycle?: SingleView[];
|
|
71
73
|
}
|
|
72
74
|
declare const Root: React.ForwardRefExoticComponent<ShellRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
75
|
/** Props for `Shell.Header`. Sticky by default and respects `--shell-header-height`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../src/components/shell.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../src/components/shell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";"use client";var Le=Object.create;var Y=Object.defineProperty;var De=Object.getOwnPropertyDescriptor;var Oe=Object.getOwnPropertyNames;var Fe=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var We=(e,l)=>{for(var a in l)Y(e,a,{get:l[a],enumerable:!0})},ve=(e,l,a,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let n of Oe(l))!ze.call(e,n)&&n!==a&&Y(e,n,{get:()=>l[n],enumerable:!(o=De(l,n))||o.enumerable});return e};var oe=(e,l,a)=>(a=e!=null?Le(Fe(e)):{},ve(l||!e||!e.__esModule?Y(a,"default",{value:e,enumerable:!0}):a,e)),_e=e=>ve(Y({},"__esModule",{value:!0}),e);var Ge={};We(Ge,{Content:()=>he,Footer:()=>te,Header:()=>ee,Root:()=>ue,Sidebar:()=>V,Trigger:()=>pe,usePanelState:()=>Ee,useRailEvents:()=>Te,useShell:()=>P,useSidebar:()=>ke});module.exports=_e(Ge);var t=oe(require("react")),L=oe(require("classnames")),de=require("./icon-button.js"),ce=require("./icons.js"),Z=require("../helpers/inert.js"),ae=oe(require("./sheet.js")),Ie=require("./visually-hidden.js"),Se=require("./sidebar.js");const be=t.createContext(null);function P(){const e=t.useContext(be);if(!e)throw new Error("Shell components must be used within <Shell.Root>.");return e}const se=t.createContext(null);function re(){return t.useContext(se)}const xe=t.createContext(null);function Te(){const e=t.useContext(xe);if(!e)throw new Error("useRailEvents must be used within <Shell.Sidebar.Rail>");return e}const Re=t.createContext(null);function Ee(){const e=t.useContext(Re);if(!e)throw new Error("usePanelState must be used within <Shell.Sidebar.Panel>");return e}function $e(){return typeof document>"u"?"ltr":document.documentElement.getAttribute("dir")==="rtl"?"rtl":"ltr"}const ue=t.forwardRef(({minContentWidth:e="640px",rtl:l,headerHeight:a="64px",zHeader:o,cascadeSide:n="start",activeTool:s,onToolChange:r,activeContext:f,onContextChange:w,className:D,style:le,children:ie,...A},G)=>{const q=t.useMemo(()=>typeof l=="boolean"?l?"rtl":"ltr":$e(),[l]),[c,J]=t.useState({start:"open",end:"collapsed"}),O=t.useCallback((i,d)=>{J(S=>S[i]===d?S:{...S,[i]:d})},[]),F=t.useCallback(i=>{J(d=>{const S=d[i]==="open"?"collapsed":"open";return{...d,[i]:S}})},[]),[z,W]=t.useState({start:!1,end:!1}),x=t.useCallback((i,d)=>{W(S=>S[i]===d?S:{...S,[i]:d})},[]),[v,B]=t.useState({start:"single",end:"single"}),u=t.useCallback((i,d)=>{B(S=>S[i]===d?S:{...S,[i]:d})},[]),[E,R]=t.useState({start:"panel",end:"collapsed"}),I=t.useCallback((i,d)=>{R(S=>S[i]===d?S:{...S,[i]:d})},[]),p=t.useCallback(i=>{const d=["panel","rail","collapsed"],S=E[i],qe=d.indexOf(S),Me=d[(qe+1)%d.length];I(i,Me)},[E,I]),[k,_]=t.useState({start:null,end:null}),N=t.useCallback((i,d)=>{_(S=>S[i]===d?S:{...S,[i]:d}),d===null&&x(i,!1)},[x]),H=t.useCallback((i,d)=>{N(i,d),x(i,!0)},[N,x]),[C,$]=t.useState({start:null,end:null}),M=t.useCallback((i,d)=>{$(S=>S[i]===d?S:{...S,[i]:d}),i===n&&w?.(d)},[n,w]);t.useEffect(()=>{s!==void 0&&k[n]!==s&&_(i=>({...i,[n]:s}))},[s,n,k]),t.useEffect(()=>{f!==void 0&&C[n]!==f&&$(i=>({...i,[n]:f}))},[f,n,C]);const j=t.useId(),K=t.useId(),ne=t.useId(),g=t.useId(),y=t.useId(),m=t.useId(),h=t.useCallback(i=>i==="start"?`kui-shell-region-${j}`:`kui-shell-region-${K}`,[j,K]),b=t.useCallback(i=>i==="start"?`kui-shell-panel-${ne}`:`kui-shell-panel-${g}`,[ne,g]),T=t.useCallback(i=>i==="start"?`kui-shell-rail-${y}`:`kui-shell-rail-${m}`,[y,m]),Q=t.useMemo(()=>({dir:q,headerHeight:a,zHeader:o,railBySide:c,setRailBySide:O,toggleRail:F,panelRequestedBySide:z,setPanelRequestedBySide:x,patternBySide:v,setPatternForSide:u,singleViewBySide:E,setSingleViewBySide:I,cycleSingleView:p,activeToolBySide:k,setActiveTool:N,onItemSelected:H,activeContextBySide:C,setActiveContext:M,getRegionId:h,getPanelId:b,getRailId:T}),[q,a,o,c,O,F,z,x,v,u,E,I,p,k,N,H,C,M,h,b,T]),U=t.Children.toArray(ie),X=(i,d)=>t.isValidElement(i)&&i.type===d,Ne=U.filter(i=>X(i,ee)),He=U.filter(i=>X(i,te)),fe=U.filter(i=>X(i,he)),ge=U.filter(i=>X(i,V)),ye=ge.filter(i=>i.props.side==="start"),me=ge.filter(i=>i.props.side==="end"),Ae=q==="rtl"?[...me,...fe,...ye]:[...ye,...fe,...me];return t.createElement("div",{...A,ref:G,className:(0,L.default)("rt-ShellRoot",D),style:{...le,"--shell-min-content-width":e,"--shell-header-height":a},dir:q},t.createElement(be.Provider,{value:Q},Ne,t.createElement("div",{className:"rt-ShellBody"},Ae),He))});ue.displayName="Shell.Root";const ee=t.forwardRef(({className:e,style:l,...a},o)=>{const{headerHeight:n,zHeader:s}=P();return t.createElement("header",{...a,ref:o,role:"banner",className:(0,L.default)("rt-ShellHeader",e),style:{"--shell-header-height":n,"--shell-z-header":s,...l}})});ee.displayName="Shell.Header";const te=t.forwardRef(({className:e,...l},a)=>t.createElement("footer",{...l,ref:a,role:"contentinfo",className:(0,L.default)("rt-ShellFooter",e)}));te.displayName="Shell.Footer";const Ce=t.forwardRef(({className:e,...l},a)=>t.createElement("main",{...l,ref:a,className:(0,L.default)("rt-ShellContent",e)}));Ce.displayName="Shell.Content";const he=Ce,we=Object.assign(t.forwardRef(({children:e},l)=>{const a=re(),o=P(),n=a?.side??"start",s=t.useMemo(()=>({onItemSelected:f=>o.onItemSelected(n,f)}),[o,n]),r=t.useMemo(()=>({side:n,section:"rail"}),[n]);return t.createElement(xe.Provider,{value:s},t.createElement(Se.ShellSidebarSectionContext.Provider,{value:r},e))}),{displayName:"Shell.Sidebar.Rail",__shellSlot:"rail"}),Be=Object.assign(t.forwardRef(({children:e},l)=>{const a=re(),o=P(),n=a?.side??"start",s=t.useMemo(()=>({activeTool:o.activeToolBySide[n],activeContext:o.activeContextBySide[n]}),[o.activeToolBySide,o.activeContextBySide,n]),r=t.useMemo(()=>({side:n,section:"panel"}),[n]);return t.createElement(Re.Provider,{value:s},t.createElement(Se.ShellSidebarSectionContext.Provider,{value:r},e))}),{displayName:"Shell.Sidebar.Panel",__shellSlot:"panel"}),je=({side:e,overlay:l,overlaySide:a,value:o,defaultValue:n,onValueChange:s,view:r,defaultView:f,onViewChange:w,as:D="nav",className:le,style:ie,children:A,...G},q)=>{const c=P(),J=D,O=c.getRegionId(e),F=c.getPanelId(e),z=c.getRailId(e),W=Pe(A,"rail"),x=Pe(A,"panel"),v=W.length>0,B=x.length>0,u=v||B;t.useEffect(()=>{c.setPatternForSide(e,u&&v&&B?"split":"single")},[c,e,u,v,B]);const E=t.useRef(!1);t.useEffect(()=>{if(!E.current)if(E.current=!0,u){const g=o??n??(l?"collapsed":"open");c.setRailBySide(e,g),l&&c.setPanelRequestedBySide(e,!1)}else{const g=r??f??(l?"collapsed":"panel");c.setSingleViewBySide(e,g)}},[u,o,n,r,f,c,e,l]),t.useEffect(()=>{u&&o!==void 0&&c.railBySide[e]!==o&&c.setRailBySide(e,o)},[o,u,c,e]),t.useEffect(()=>{u||r!==void 0&&c.singleViewBySide[e]!==r&&c.setSingleViewBySide(e,r)},[r,u,c,e]);const R=c.railBySide[e],I=c.panelRequestedBySide[e],p=c.singleViewBySide[e],k=c.activeToolBySide[e],_=t.useRef(null);t.useEffect(()=>{u&&o===void 0&&_.current!==R&&(_.current=R,s?.(R))},[u,R,o,s]);const N=t.useRef(null);t.useEffect(()=>{u||r===void 0&&N.current!==p&&(N.current=p,w?.(p))},[u,p,r,w]);const H=u?v&&R==="open":p==="rail",C=u?B&&(v?R==="open"&&I&&k!==null:!0):p==="panel",$={initial:!0,xs:!0,sm:!0,md:!1,lg:!1,xl:!1},M=t.useMemo(()=>typeof l=="boolean"?{initial:l}:{...$,...l||{}},[l,$]),[j,K]=t.useState("initial");if(t.useEffect(()=>{if(typeof window>"u")return;const y=[["xs","(min-width: 520px)"],["sm","(min-width: 768px)"],["md","(min-width: 1024px)"],["lg","(min-width: 1280px)"],["xl","(min-width: 1640px)"]].map(([h,b])=>[h,window.matchMedia(b)]),m=()=>{const h=y.filter(([,T])=>T.matches).map(([T])=>T),b=h[h.length-1]??"initial";K(b)};return m(),y.forEach(([,h])=>h.addEventListener("change",m)),()=>{y.forEach(([,h])=>h.removeEventListener("change",m))}},[]),(()=>{const g=M[j];if(typeof g=="boolean")return g;const y=["xl","lg","md","sm","xs","initial"],m=y.indexOf(j);for(let h=m+1;h<y.length;h++){const b=M[y[h]];if(typeof b=="boolean")return b}return M.initial??!1})()){const g=u?R==="open"||I:p!=="collapsed",y=Q=>{u?Q?c.setRailBySide(e,"open"):(c.setRailBySide(e,"collapsed"),c.setPanelRequestedBySide(e,!1)):Q?c.setSingleViewBySide(e,"panel"):c.setSingleViewBySide(e,"collapsed")},m=a??e,h=u?B&&(v?I&&k!==null:!0):!1,b=u?t.createElement("div",{style:{display:"flex",height:"100%",minBlockSize:0}},v?t.createElement("div",{id:z,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":!0,style:{inlineSize:"var(--shell-sidebar-rail-width, 64px)",overflow:"hidden"}},W):null,B?t.createElement("div",{id:F,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":h||void 0,"aria-hidden":h?void 0:!0,...h?{}:{inert:Z.inert},style:{inlineSize:h?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},x):null):A,T=m==="start"||m==="end"?u?h?"var(--shell-sidebar-combined-width)":"var(--shell-sidebar-rail-width)":p==="rail"?"var(--shell-sidebar-rail-width)":"var(--shell-sidebar-panel-width)":"100vw";return t.createElement(t.Fragment,null,t.createElement(ae.Root,{open:g,onOpenChange:y},t.createElement(ae.Content,{id:O,side:m,height:{initial:"100vh"},width:{initial:T},style:{"--dialog-content-padding":"0px"}},t.createElement(ae.Title,null,t.createElement(Ie.VisuallyHidden,null,"Sidebar")),b)))}return t.createElement(J,{...G,ref:q,id:O,className:(0,L.default)("rt-ShellSidebar",le),"data-side":e,"data-rail":u?R:void 0,"data-panel":u?C?"visible":"hidden":void 0,"data-state":u?void 0:p,"aria-label":G["aria-label"],style:{...ie}},u?t.createElement(t.Fragment,null,t.createElement(se.Provider,{value:{side:e,section:"rail"}},v?t.createElement("div",{id:z,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":H||void 0,"aria-hidden":H?void 0:!0,...H?{}:{inert:Z.inert},style:{inlineSize:H?"var(--shell-sidebar-rail-width, 64px)":"0px",overflow:"hidden"}},W):null),t.createElement(se.Provider,{value:{side:e,section:"panel"}},B?t.createElement("div",{id:F,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":C||void 0,"aria-hidden":C?void 0:!0,...C?{}:{inert:Z.inert},style:{inlineSize:C?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},x):null)):t.createElement("div",{className:"rt-ShellSidebarSingle","data-visible":p!=="collapsed"||void 0,"aria-hidden":p==="collapsed"?!0:void 0,style:{inlineSize:p==="collapsed"?"0px":p==="rail"?"var(--shell-sidebar-rail-width, 64px)":"var(--shell-sidebar-panel-width, 288px)",overflow:"hidden"}},A))},V=t.forwardRef(je);V.displayName="Shell.Sidebar";function Pe(e,l){return t.Children.toArray(e).filter(o=>t.isValidElement(o)&&o.type?.__shellSlot===l)}V.Rail=we,V.Panel=Be;const Ve=t.forwardRef(({onClick:e,children:l,...a},o)=>{const n=re(),s=P(),r=n?.side??"start",f=s.getRegionId(r),w=s.patternBySide[r]==="split"?s.railBySide[r]==="open":s.singleViewBySide[r]!=="collapsed";return t.createElement(de.IconButton,{...a,ref:o,variant:"soft","aria-controls":f,"aria-expanded":w,onClick:D=>{e?.(D),s.patternBySide[r]==="split"?s.toggleRail(r):s.cycleSingleView(r)}},l||t.createElement(ce.ChevronDownIcon,null))});Ve.displayName="Shell.Sidebar.Trigger";const pe=t.forwardRef(({side:e,onClick:l,children:a,...o},n)=>{const s=P(),r=s.getRegionId(e),f=s.patternBySide[e]==="split"?s.railBySide[e]==="open":s.singleViewBySide[e]!=="collapsed";return t.createElement(de.IconButton,{...o,ref:n,variant:"ghost","aria-controls":r,"aria-expanded":f,onClick:w=>{l?.(w),s.patternBySide[e]==="split"?s.toggleRail(e):s.cycleSingleView(e)}},a||t.createElement(ce.ChevronDownIcon,null))});pe.displayName="Shell.Trigger",V.Rail=we,V.Panel=Be,V.Trigger=Ve;function ke(e){const l=P(),a=l.patternBySide[e]==="split",o=l.railBySide[e],n=l.activeToolBySide[e],s=l.panelRequestedBySide[e]&&o==="open"&&n!==null;return{side:e,isSplit:a,rail:{value:o,isOpen:o==="open",open:()=>l.setRailBySide(e,"open"),close:()=>{l.setRailBySide(e,"collapsed"),l.setPanelRequestedBySide(e,!1)},toggle:()=>l.toggleRail(e),onItemSelected:r=>l.onItemSelected(e,r)},panel:{isVisible:s,show:()=>l.setPanelRequestedBySide(e,!0),hide:()=>l.setPanelRequestedBySide(e,!1),activeTool:l.activeToolBySide[e],activeContext:l.activeContextBySide[e]},single:{view:l.singleViewBySide[e],setView:r=>l.setSingleViewBySide(e,r),cycle:()=>l.cycleSingleView(e)},activeTool:l.activeToolBySide[e],setActiveTool:r=>l.setActiveTool(e,r),activeContext:l.activeContextBySide[e],setActiveContext:r=>l.setActiveContext(e,r)}}
|
|
1
|
+
"use strict";"use client";var De=Object.create;var X=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var Fe=Object.getOwnPropertyNames;var ze=Object.getPrototypeOf,We=Object.prototype.hasOwnProperty;var _e=(e,l)=>{for(var a in l)X(e,a,{get:l[a],enumerable:!0})},ve=(e,l,a,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Fe(l))!We.call(e,o)&&o!==a&&X(e,o,{get:()=>l[o],enumerable:!(n=Oe(l,o))||n.enumerable});return e};var oe=(e,l,a)=>(a=e!=null?De(ze(e)):{},ve(l||!e||!e.__esModule?X(a,"default",{value:e,enumerable:!0}):a,e)),$e=e=>ve(X({},"__esModule",{value:!0}),e);var Je={};_e(Je,{Content:()=>he,Footer:()=>ee,Header:()=>Z,Root:()=>ue,Sidebar:()=>P,Trigger:()=>pe,usePanelState:()=>Ee,useRailEvents:()=>Te,useShell:()=>B,useSidebar:()=>ke});module.exports=$e(Je);var t=oe(require("react")),q=oe(require("classnames")),de=require("./icon-button.js"),ce=require("./icons.js"),Y=require("../helpers/inert.js"),ae=oe(require("./sheet.js")),Ie=require("./visually-hidden.js"),Se=require("./sidebar.js");const be=t.createContext(null);function B(){const e=t.useContext(be);if(!e)throw new Error("Shell components must be used within <Shell.Root>.");return e}const se=t.createContext(null);function re(){return t.useContext(se)}const xe=t.createContext(null);function Te(){const e=t.useContext(xe);if(!e)throw new Error("useRailEvents must be used within <Shell.Sidebar.Rail>");return e}const Re=t.createContext(null);function Ee(){const e=t.useContext(Re);if(!e)throw new Error("usePanelState must be used within <Shell.Sidebar.Panel>");return e}function je(){return typeof document>"u"?"ltr":document.documentElement.getAttribute("dir")==="rtl"?"rtl":"ltr"}const ue=t.forwardRef(({minContentWidth:e="640px",rtl:l,headerHeight:a="64px",zHeader:n,cascadeSide:o="start",activeTool:s,onToolChange:r,activeContext:g,onContextChange:C,singleViewCycle:k=["panel","rail","collapsed"],className:te,style:le,children:N,...G},ie)=>{const c=t.useMemo(()=>typeof l=="boolean"?l?"rtl":"ltr":je(),[l]),[J,M]=t.useState({start:"open",end:"collapsed"}),L=t.useCallback((i,d)=>{M(S=>S[i]===d?S:{...S,[i]:d})},[]),D=t.useCallback(i=>{M(d=>{const S=d[i]==="open"?"collapsed":"open";return{...d,[i]:S}})},[]),[H,O]=t.useState({start:!1,end:!1}),f=t.useCallback((i,d)=>{O(S=>S[i]===d?S:{...S,[i]:d})},[]),[R,u]=t.useState({start:"single",end:"single"}),F=t.useCallback((i,d)=>{u(S=>S[i]===d?S:{...S,[i]:d})},[]),[y,z]=t.useState({start:"panel",end:"collapsed"}),p=t.useCallback((i,d)=>{z(S=>S[i]===d?S:{...S,[i]:d})},[]),W=t.useCallback(i=>{const d=k,S=y[i],Me=d.indexOf(S),Le=d[(Me+1)%d.length];p(i,Le)},[y,p,k]),[T,_]=t.useState({start:null,end:null}),w=t.useCallback((i,d)=>{_(S=>S[i]===d?S:{...S,[i]:d}),d===null&&f(i,!1)},[f]),V=t.useCallback((i,d)=>{w(i,d),f(i,!0)},[w,f]),[E,A]=t.useState({start:null,end:null}),$=t.useCallback((i,d)=>{A(S=>S[i]===d?S:{...S,[i]:d}),i===o&&C?.(d)},[o,C]);t.useEffect(()=>{s!==void 0&&T[o]!==s&&_(i=>({...i,[o]:s}))},[s,o,T]),t.useEffect(()=>{g!==void 0&&E[o]!==g&&A(i=>({...i,[o]:g}))},[g,o,E]);const K=t.useId(),ne=t.useId(),m=t.useId(),v=t.useId(),b=t.useId(),h=t.useId(),x=t.useCallback(i=>i==="start"?`kui-shell-region-${K}`:`kui-shell-region-${ne}`,[K,ne]),I=t.useCallback(i=>i==="start"?`kui-shell-panel-${m}`:`kui-shell-panel-${v}`,[m,v]),j=t.useCallback(i=>i==="start"?`kui-shell-rail-${b}`:`kui-shell-rail-${h}`,[b,h]),Ne=t.useMemo(()=>({dir:c,headerHeight:a,zHeader:n,railBySide:J,setRailBySide:L,toggleRail:D,panelRequestedBySide:H,setPanelRequestedBySide:f,patternBySide:R,setPatternForSide:F,singleViewBySide:y,setSingleViewBySide:p,cycleSingleView:W,activeToolBySide:T,setActiveTool:w,onItemSelected:V,activeContextBySide:E,setActiveContext:$,getRegionId:x,getPanelId:I,getRailId:j}),[c,a,n,J,L,D,H,f,R,F,y,p,W,T,w,V,E,$,x,I,j]),Q=t.Children.toArray(N),U=(i,d)=>t.isValidElement(i)&&i.type===d,He=Q.filter(i=>U(i,Z)),Ae=Q.filter(i=>U(i,ee)),fe=Q.filter(i=>U(i,he)),ge=Q.filter(i=>U(i,P)),ye=ge.filter(i=>i.props.side==="start"),me=ge.filter(i=>i.props.side==="end"),qe=c==="rtl"?[...me,...fe,...ye]:[...ye,...fe,...me];return t.createElement("div",{...G,ref:ie,className:(0,q.default)("rt-ShellRoot",te),style:{...le,"--shell-min-content-width":e,"--shell-header-height":a},dir:c},t.createElement(be.Provider,{value:Ne},He,t.createElement("div",{className:"rt-ShellBody"},qe),Ae))});ue.displayName="Shell.Root";const Z=t.forwardRef(({className:e,style:l,...a},n)=>{const{headerHeight:o,zHeader:s}=B();return t.createElement("header",{...a,ref:n,role:"banner",className:(0,q.default)("rt-ShellHeader",e),style:{"--shell-z-header":s,...l}})});Z.displayName="Shell.Header";const ee=t.forwardRef(({className:e,...l},a)=>t.createElement("footer",{...l,ref:a,role:"contentinfo",className:(0,q.default)("rt-ShellFooter",e)}));ee.displayName="Shell.Footer";const Ce=t.forwardRef(({className:e,...l},a)=>t.createElement("main",{...l,ref:a,className:(0,q.default)("rt-ShellContent",e)}));Ce.displayName="Shell.Content";const he=Ce,we=Object.assign(t.forwardRef(({children:e},l)=>{const a=re(),n=B(),o=a?.side??"start",s=t.useMemo(()=>({onItemSelected:g=>n.onItemSelected(o,g)}),[n,o]),r=t.useMemo(()=>({side:o,section:"rail"}),[o]);return t.createElement(xe.Provider,{value:s},t.createElement(Se.ShellSidebarSectionContext.Provider,{value:r},e))}),{displayName:"Shell.Sidebar.Rail",__shellSlot:"rail"}),Be=Object.assign(t.forwardRef(({children:e},l)=>{const a=re(),n=B(),o=a?.side??"start",s=t.useMemo(()=>({activeTool:n.activeToolBySide[o],activeContext:n.activeContextBySide[o]}),[n.activeToolBySide,n.activeContextBySide,o]),r=t.useMemo(()=>({side:o,section:"panel"}),[o]);return t.createElement(Re.Provider,{value:s},t.createElement(Se.ShellSidebarSectionContext.Provider,{value:r},e))}),{displayName:"Shell.Sidebar.Panel",__shellSlot:"panel"}),Ge=({side:e,overlay:l,overlaySide:a,value:n,defaultValue:o,onValueChange:s,view:r,defaultView:g,onViewChange:C,as:k="nav",className:te,style:le,children:N,...G},ie)=>{const c=B(),J=k,M=c.getRegionId(e),L=c.getPanelId(e),D=c.getRailId(e),H=Pe(N,"rail"),O=Pe(N,"panel"),f=H.length>0,R=O.length>0,u=f||R;t.useEffect(()=>{c.setPatternForSide(e,u&&f&&R?"split":"single")},[c,e,u,f,R]);const F=t.useRef(!1);t.useEffect(()=>{if(!F.current)if(F.current=!0,u){const m=n??o??(l?"collapsed":"open");c.setRailBySide(e,m),l&&c.setPanelRequestedBySide(e,!1)}else{const m=r??g??(l?"collapsed":"panel");c.setSingleViewBySide(e,m)}},[u,n,o,r,g,c,e,l]),t.useEffect(()=>{u&&n!==void 0&&c.railBySide[e]!==n&&c.setRailBySide(e,n)},[n,u,c,e]),t.useEffect(()=>{u||r!==void 0&&c.singleViewBySide[e]!==r&&c.setSingleViewBySide(e,r)},[r,u,c,e]);const y=c.railBySide[e],z=c.panelRequestedBySide[e],p=c.singleViewBySide[e],W=c.activeToolBySide[e],T=t.useRef(null);t.useEffect(()=>{u&&n===void 0&&T.current!==y&&(T.current=y,s?.(y))},[u,y,n,s]);const _=t.useRef(null);t.useEffect(()=>{u||r===void 0&&_.current!==p&&(_.current=p,C?.(p))},[u,p,r,C]);const w=u?f&&y==="open":p==="rail",V=u?R&&(f?y==="open"&&z&&W!==null:!0):p==="panel",E={initial:!0,xs:!0,sm:!0,md:!1,lg:!1,xl:!1},A=t.useMemo(()=>typeof l=="boolean"?{initial:l}:{...E,...l||{}},[l,E]),[$,K]=t.useState("initial");if(t.useEffect(()=>{if(typeof window>"u")return;const v=[["xs","(min-width: 520px)"],["sm","(min-width: 768px)"],["md","(min-width: 1024px)"],["lg","(min-width: 1280px)"],["xl","(min-width: 1640px)"]].map(([h,x])=>[h,window.matchMedia(x)]),b=()=>{const h=v.filter(([,I])=>I.matches).map(([I])=>I),x=h[h.length-1]??"initial";K(x)};return b(),v.forEach(([,h])=>h.addEventListener("change",b)),()=>{v.forEach(([,h])=>h.removeEventListener("change",b))}},[]),(()=>{const m=A[$];if(typeof m=="boolean")return m;const v=["xl","lg","md","sm","xs","initial"],b=v.indexOf($);for(let h=b+1;h<v.length;h++){const x=A[v[h]];if(typeof x=="boolean")return x}return A.initial??!1})()){const m=u?y==="open"||z:p!=="collapsed",v=j=>{u?j?c.setRailBySide(e,"open"):(c.setRailBySide(e,"collapsed"),c.setPanelRequestedBySide(e,!1)):j?c.setSingleViewBySide(e,"panel"):c.setSingleViewBySide(e,"collapsed")},b=a??e,h=u?R&&(f?z&&W!==null:!0):!1,x=u?t.createElement("div",{style:{display:"flex",height:"100%",minBlockSize:0}},f?t.createElement("div",{id:D,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":!0,style:{inlineSize:"var(--shell-sidebar-rail-width, 64px)",overflow:"hidden"}},H):null,R?t.createElement("div",{id:L,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":h||void 0,"aria-hidden":h?void 0:!0,...h?{}:{inert:Y.inert},style:{inlineSize:h?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},O):null):N,I=b==="start"||b==="end"?u?h?"var(--shell-sidebar-combined-width)":"var(--shell-sidebar-rail-width)":p==="rail"?"var(--shell-sidebar-rail-width)":"var(--shell-sidebar-panel-width)":"100vw";return t.createElement(t.Fragment,null,t.createElement(ae.Root,{open:m,onOpenChange:v},t.createElement(ae.Content,{id:M,side:b,height:{initial:"100vh"},width:{initial:I},style:{"--dialog-content-padding":"0px"}},t.createElement(ae.Title,null,t.createElement(Ie.VisuallyHidden,null,"Sidebar")),x)))}return t.createElement(J,{...G,ref:ie,id:M,className:(0,q.default)("rt-ShellSidebar",te),"data-side":e,"data-rail":u?y:void 0,"data-panel":u?V?"visible":"hidden":void 0,"data-state":u?void 0:p,"aria-label":G["aria-label"],style:{...le}},u?t.createElement(t.Fragment,null,t.createElement(se.Provider,{value:{side:e,section:"rail"}},f?t.createElement("div",{id:D,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":w||void 0,"aria-hidden":w?void 0:!0,...w?{}:{inert:Y.inert},style:{inlineSize:w?"var(--shell-sidebar-rail-width, 64px)":"0px",overflow:"hidden"}},H):null),t.createElement(se.Provider,{value:{side:e,section:"panel"}},R?t.createElement("div",{id:L,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":V||void 0,"aria-hidden":V?void 0:!0,...V?{}:{inert:Y.inert},style:{inlineSize:V?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},O):null)):t.createElement("div",{className:"rt-ShellSidebarSingle","data-visible":p!=="collapsed"||void 0,"aria-hidden":p==="collapsed"?!0:void 0,style:{inlineSize:p==="collapsed"?"0px":p==="rail"?"var(--shell-sidebar-rail-width, 64px)":"var(--shell-sidebar-panel-width, 288px)",overflow:"hidden"}},N))},P=t.forwardRef(Ge);P.displayName="Shell.Sidebar";function Pe(e,l){return t.Children.toArray(e).filter(n=>t.isValidElement(n)&&n.type?.__shellSlot===l)}P.Rail=we,P.Panel=Be;const Ve=t.forwardRef(({onClick:e,children:l,...a},n)=>{const o=re(),s=B(),r=o?.side??"start",g=s.getRegionId(r),C=s.patternBySide[r]==="split"?s.railBySide[r]==="open":s.singleViewBySide[r]!=="collapsed";return t.createElement(de.IconButton,{...a,ref:n,variant:"soft","aria-controls":g,"aria-expanded":C,onClick:k=>{e?.(k),s.patternBySide[r]==="split"?s.toggleRail(r):s.cycleSingleView(r)}},l||t.createElement(ce.ChevronDownIcon,null))});Ve.displayName="Shell.Sidebar.Trigger";const pe=t.forwardRef(({side:e,onClick:l,children:a,...n},o)=>{const s=B(),r=s.getRegionId(e),g=s.patternBySide[e]==="split"?s.railBySide[e]==="open":s.singleViewBySide[e]!=="collapsed";return t.createElement(de.IconButton,{...n,ref:o,variant:"ghost","aria-controls":r,"aria-expanded":g,onClick:C=>{l?.(C),s.patternBySide[e]==="split"?s.toggleRail(e):s.cycleSingleView(e)}},a||t.createElement(ce.ChevronDownIcon,null))});pe.displayName="Shell.Trigger",P.Rail=we,P.Panel=Be,P.Trigger=Ve;function ke(e){const l=B(),a=l.patternBySide[e]==="split",n=l.railBySide[e],o=l.activeToolBySide[e],s=l.panelRequestedBySide[e]&&n==="open"&&o!==null;return{side:e,isSplit:a,rail:{value:n,isOpen:n==="open",open:()=>l.setRailBySide(e,"open"),close:()=>{l.setRailBySide(e,"collapsed"),l.setPanelRequestedBySide(e,!1)},toggle:()=>l.toggleRail(e),onItemSelected:r=>l.onItemSelected(e,r)},panel:{isVisible:s,show:()=>l.setPanelRequestedBySide(e,!0),hide:()=>l.setPanelRequestedBySide(e,!1),activeTool:l.activeToolBySide[e],activeContext:l.activeContextBySide[e]},single:{view:l.singleViewBySide[e],setView:r=>l.setSingleViewBySide(e,r),cycle:()=>l.cycleSingleView(e)},activeTool:l.activeToolBySide[e],setActiveTool:r=>l.setActiveTool(e,r),activeContext:l.activeContextBySide[e],setActiveContext:r=>l.setActiveContext(e,r)}}
|
|
2
2
|
//# sourceMappingURL=shell.js.map
|