@kushagradhawan/kookie-ui 0.3.16 → 0.3.18
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 +43 -148
- package/dist/cjs/components/_internal/shell-inspector.d.ts.map +1 -1
- package/dist/cjs/components/_internal/shell-inspector.js +1 -1
- package/dist/cjs/components/_internal/shell-inspector.js.map +3 -3
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +3 -3
- 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/index.js +5 -5
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/chunk-LNJLH3PZ.js +2 -0
- package/dist/esm/chunk-LNJLH3PZ.js.map +7 -0
- package/dist/esm/chunk-NKQCINTW.js +2 -0
- package/dist/esm/chunk-NKQCINTW.js.map +7 -0
- package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -1
- package/dist/esm/components/_internal/shell-inspector.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/schemas/base-button.json +1 -1
- package/schemas/button.json +1 -1
- package/schemas/icon-button.json +1 -1
- package/schemas/index.json +6 -6
- package/schemas/toggle-button.json +1 -1
- package/schemas/toggle-icon-button.json +1 -1
- package/src/components/_internal/shell-inspector.tsx +16 -13
- package/src/components/badge.css +27 -127
- package/src/components/callout.css +20 -78
- package/src/components/shell.tsx +46 -10
- package/styles.css +43 -148
- package/dist/esm/chunk-NSJN4XBW.js +0 -2
- package/dist/esm/chunk-NSJN4XBW.js.map +0 -7
- package/dist/esm/chunk-NVT2F34X.js +0 -2
- package/dist/esm/chunk-NVT2F34X.js.map +0 -7
package/components.css
CHANGED
|
@@ -3377,19 +3377,27 @@
|
|
|
3377
3377
|
height: fit-content;
|
|
3378
3378
|
background-clip: padding-box;
|
|
3379
3379
|
will-change: border-radius;
|
|
3380
|
+
--material-blend: 100%;
|
|
3381
|
+
--material-alpha: 0;
|
|
3380
3382
|
isolation: isolate;
|
|
3381
3383
|
}
|
|
3382
3384
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge {
|
|
3385
|
+
--material-blend: 60%;
|
|
3386
|
+
--material-alpha: 1;
|
|
3383
3387
|
-webkit-backdrop-filter: var(--backdrop-filter-components);
|
|
3384
3388
|
backdrop-filter: var(--backdrop-filter-components);
|
|
3385
3389
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
3386
3390
|
}
|
|
3387
3391
|
.rt-Badge:where([data-panel-background='solid'],[data-material='solid']) {
|
|
3392
|
+
--material-blend: 100%;
|
|
3393
|
+
--material-alpha: 0;
|
|
3388
3394
|
-webkit-backdrop-filter: none;
|
|
3389
3395
|
backdrop-filter: none;
|
|
3390
3396
|
--backdrop-filter-components: none;
|
|
3391
3397
|
}
|
|
3392
3398
|
.rt-Badge:where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3399
|
+
--material-blend: 60%;
|
|
3400
|
+
--material-alpha: 1;
|
|
3393
3401
|
-webkit-backdrop-filter: var(--backdrop-filter-components);
|
|
3394
3402
|
backdrop-filter: var(--backdrop-filter-components);
|
|
3395
3403
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
@@ -3706,31 +3714,14 @@
|
|
|
3706
3714
|
}
|
|
3707
3715
|
}
|
|
3708
3716
|
.rt-Badge:where(.rt-variant-solid) {
|
|
3709
|
-
|
|
3717
|
+
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
3718
|
+
background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
|
|
3710
3719
|
color: var(--accent-contrast);
|
|
3711
3720
|
}
|
|
3712
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-solid) {
|
|
3713
|
-
background-color: color-mix(in srgb, var(--accent-a9), var(--accent-9) 10%);
|
|
3714
|
-
}
|
|
3715
|
-
.rt-Badge:where(.rt-variant-solid):where([data-panel-background='solid'],[data-material='solid']) {
|
|
3716
|
-
background-color: var(--accent-9);
|
|
3717
|
-
}
|
|
3718
|
-
.rt-Badge:where(.rt-variant-solid):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3719
|
-
background-color: color-mix(in srgb, var(--accent-a9), var(--accent-9) 10%);
|
|
3720
|
-
}
|
|
3721
3721
|
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
3722
|
-
background-color: var(--accent-12);
|
|
3722
|
+
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3723
3723
|
color: var(--gray-1);
|
|
3724
3724
|
}
|
|
3725
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
3726
|
-
background-color: color-mix(in srgb, var(--accent-a12), var(--accent-12) 10%);
|
|
3727
|
-
}
|
|
3728
|
-
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
|
|
3729
|
-
background-color: var(--accent-12);
|
|
3730
|
-
}
|
|
3731
|
-
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3732
|
-
background-color: color-mix(in srgb, var(--accent-a12), var(--accent-12) 10%);
|
|
3733
|
-
}
|
|
3734
3725
|
.rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
|
|
3735
3726
|
color: var(--gray-a8);
|
|
3736
3727
|
background-color: var(--gray-a3);
|
|
@@ -3741,26 +3732,11 @@
|
|
|
3741
3732
|
pointer-events: none;
|
|
3742
3733
|
}
|
|
3743
3734
|
.rt-Badge:where(.rt-variant-surface) {
|
|
3744
|
-
background-color: var(--accent-2);
|
|
3745
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3746
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3735
|
+
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
3736
|
+
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3737
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3747
3738
|
color: var(--accent-a11);
|
|
3748
3739
|
}
|
|
3749
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-surface) {
|
|
3750
|
-
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
3751
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3752
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3753
|
-
}
|
|
3754
|
-
.rt-Badge:where(.rt-variant-surface):where([data-panel-background='solid'],[data-material='solid']) {
|
|
3755
|
-
background-color: var(--accent-2);
|
|
3756
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3757
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3758
|
-
}
|
|
3759
|
-
.rt-Badge:where(.rt-variant-surface):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3760
|
-
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
3761
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3762
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3763
|
-
}
|
|
3764
3740
|
.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
3765
3741
|
color: var(--accent-12);
|
|
3766
3742
|
}
|
|
@@ -3777,24 +3753,7 @@
|
|
|
3777
3753
|
pointer-events: none;
|
|
3778
3754
|
}
|
|
3779
3755
|
.rt-Badge:where(.rt-variant-soft) {
|
|
3780
|
-
background-color: var(--accent-3);
|
|
3781
|
-
}
|
|
3782
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-soft) {
|
|
3783
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
3784
|
-
-webkit-backdrop-filter: var(--backdrop-filter-components);
|
|
3785
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
3786
|
-
}
|
|
3787
|
-
.rt-Badge:where(.rt-variant-soft):where([data-panel-background='solid'],[data-material='solid']) {
|
|
3788
|
-
background-color: var(--accent-3);
|
|
3789
|
-
-webkit-backdrop-filter: none;
|
|
3790
|
-
backdrop-filter: none;
|
|
3791
|
-
--backdrop-filter-components: none;
|
|
3792
|
-
}
|
|
3793
|
-
.rt-Badge:where(.rt-variant-soft):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3794
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
3795
|
-
-webkit-backdrop-filter: var(--backdrop-filter-components);
|
|
3796
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
3797
|
-
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
3756
|
+
background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
|
|
3798
3757
|
}
|
|
3799
3758
|
.rt-Badge:where(.rt-variant-soft):where([data-disabled]) {
|
|
3800
3759
|
color: var(--gray-a8);
|
|
@@ -3803,27 +3762,12 @@
|
|
|
3803
3762
|
pointer-events: none;
|
|
3804
3763
|
}
|
|
3805
3764
|
.rt-Badge:where(.rt-variant-outline) {
|
|
3806
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3807
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3808
|
-
color: var(--accent-11);
|
|
3765
|
+
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3766
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3767
|
+
color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
|
|
3809
3768
|
-webkit-transition: var(--transition-background-blur);
|
|
3810
3769
|
transition: var(--transition-background-blur);
|
|
3811
3770
|
}
|
|
3812
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-outline) {
|
|
3813
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3814
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3815
|
-
color: var(--accent-a11);
|
|
3816
|
-
}
|
|
3817
|
-
.rt-Badge:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
|
|
3818
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3819
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
3820
|
-
color: var(--accent-11);
|
|
3821
|
-
}
|
|
3822
|
-
.rt-Badge:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3823
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3824
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
3825
|
-
color: var(--accent-a11);
|
|
3826
|
-
}
|
|
3827
3771
|
.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
3828
3772
|
color: var(--accent-12);
|
|
3829
3773
|
}
|
|
@@ -3838,33 +3782,24 @@
|
|
|
3838
3782
|
position: relative;
|
|
3839
3783
|
top: var(--classic-elevation-offset);
|
|
3840
3784
|
color: var(--accent-a11);
|
|
3841
|
-
background-color: var(--color-surface-solid);
|
|
3842
3785
|
-webkit-box-shadow: var(--shadow-2);
|
|
3843
3786
|
box-shadow: var(--shadow-2);
|
|
3844
3787
|
-webkit-transition: var(--transition-text-field);
|
|
3845
3788
|
transition: var(--transition-text-field);
|
|
3789
|
+
--classic-surface: var(--color-surface-solid);
|
|
3790
|
+
background-color: var(--classic-surface);
|
|
3846
3791
|
}
|
|
3847
3792
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-classic) {
|
|
3848
|
-
|
|
3793
|
+
--classic-surface: var(--color-surface-translucent);
|
|
3849
3794
|
}
|
|
3850
3795
|
.rt-Badge:where(.rt-variant-classic):where([data-panel-background='solid'],[data-material='solid']) {
|
|
3851
|
-
|
|
3796
|
+
--classic-surface: var(--color-surface-solid);
|
|
3852
3797
|
}
|
|
3853
3798
|
.rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3854
|
-
|
|
3799
|
+
--classic-surface: var(--color-surface-translucent);
|
|
3855
3800
|
}
|
|
3856
3801
|
.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
3857
3802
|
color: var(--accent-12);
|
|
3858
|
-
background-color: var(--color-surface-solid);
|
|
3859
|
-
}
|
|
3860
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
3861
|
-
background-color: var(--color-surface-translucent);
|
|
3862
|
-
}
|
|
3863
|
-
.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
|
|
3864
|
-
background-color: var(--color-surface-solid);
|
|
3865
|
-
}
|
|
3866
|
-
.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3867
|
-
background-color: var(--color-surface-translucent);
|
|
3868
3803
|
}
|
|
3869
3804
|
.rt-Blockquote {
|
|
3870
3805
|
-webkit-box-sizing: border-box;
|
|
@@ -5052,19 +4987,27 @@
|
|
|
5052
4987
|
-webkit-transition: var(--transition-card);
|
|
5053
4988
|
transition: var(--transition-card);
|
|
5054
4989
|
border-radius: var(--callout-border-radius);
|
|
4990
|
+
--material-blend: 100%;
|
|
4991
|
+
--material-alpha: 0;
|
|
5055
4992
|
isolation: isolate;
|
|
5056
4993
|
}
|
|
5057
4994
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot {
|
|
4995
|
+
--material-blend: 60%;
|
|
4996
|
+
--material-alpha: 1;
|
|
5058
4997
|
-webkit-backdrop-filter: var(--backdrop-filter-components);
|
|
5059
4998
|
backdrop-filter: var(--backdrop-filter-components);
|
|
5060
4999
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
5061
5000
|
}
|
|
5062
5001
|
.rt-CalloutRoot:where([data-panel-background='solid'],[data-material='solid']) {
|
|
5002
|
+
--material-blend: 100%;
|
|
5003
|
+
--material-alpha: 0;
|
|
5063
5004
|
-webkit-backdrop-filter: none;
|
|
5064
5005
|
backdrop-filter: none;
|
|
5065
5006
|
--backdrop-filter-components: none;
|
|
5066
5007
|
}
|
|
5067
5008
|
.rt-CalloutRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5009
|
+
--material-blend: 60%;
|
|
5010
|
+
--material-alpha: 1;
|
|
5068
5011
|
-webkit-backdrop-filter: var(--backdrop-filter-components);
|
|
5069
5012
|
backdrop-filter: var(--backdrop-filter-components);
|
|
5070
5013
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
@@ -5417,70 +5360,32 @@
|
|
|
5417
5360
|
}
|
|
5418
5361
|
}
|
|
5419
5362
|
.rt-CalloutRoot:where(.rt-variant-soft) {
|
|
5420
|
-
background-color: var(--accent-2);
|
|
5363
|
+
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
5421
5364
|
color: var(--accent-a11);
|
|
5422
5365
|
}
|
|
5423
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot:where(.rt-variant-soft) {
|
|
5424
|
-
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
5425
|
-
}
|
|
5426
|
-
.rt-CalloutRoot:where(.rt-variant-soft):where([data-panel-background='solid'],[data-material='solid']) {
|
|
5427
|
-
background-color: var(--accent-2);
|
|
5428
|
-
}
|
|
5429
|
-
.rt-CalloutRoot:where(.rt-variant-soft):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5430
|
-
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
5431
|
-
}
|
|
5432
5366
|
.rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
5433
5367
|
color: var(--accent-12);
|
|
5434
5368
|
}
|
|
5435
5369
|
.rt-CalloutRoot:where(.rt-variant-surface) {
|
|
5436
|
-
background-color: var(--accent-2);
|
|
5437
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5438
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5370
|
+
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
5371
|
+
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5372
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5439
5373
|
color: var(--accent-a11);
|
|
5440
5374
|
}
|
|
5441
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot:where(.rt-variant-surface) {
|
|
5442
|
-
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
5443
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5444
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5445
|
-
}
|
|
5446
|
-
.rt-CalloutRoot:where(.rt-variant-surface):where([data-panel-background='solid'],[data-material='solid']) {
|
|
5447
|
-
background-color: var(--accent-2);
|
|
5448
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5449
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5450
|
-
}
|
|
5451
|
-
.rt-CalloutRoot:where(.rt-variant-surface):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5452
|
-
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
5453
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5454
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5455
|
-
}
|
|
5456
5375
|
.rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
5457
5376
|
color: var(--accent-12);
|
|
5458
5377
|
}
|
|
5459
5378
|
.rt-CalloutRoot:where(.rt-variant-outline) {
|
|
5460
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5461
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5462
|
-
color: var(--accent-11);
|
|
5463
|
-
}
|
|
5464
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot:where(.rt-variant-outline) {
|
|
5465
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5466
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5467
|
-
color: var(--accent-a11);
|
|
5468
|
-
}
|
|
5469
|
-
.rt-CalloutRoot:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
|
|
5470
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5471
|
-
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
5472
|
-
color: var(--accent-11);
|
|
5473
|
-
}
|
|
5474
|
-
.rt-CalloutRoot:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5475
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5476
|
-
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
5477
|
-
color: var(--accent-a11);
|
|
5379
|
+
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5380
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5381
|
+
color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
|
|
5478
5382
|
}
|
|
5479
5383
|
.rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
5480
5384
|
color: var(--accent-12);
|
|
5481
5385
|
}
|
|
5482
5386
|
.rt-CalloutRoot:where(.rt-variant-classic) {
|
|
5483
|
-
|
|
5387
|
+
--classic-surface: var(--color-surface-solid);
|
|
5388
|
+
background-color: var(--classic-surface);
|
|
5484
5389
|
-webkit-box-shadow: var(--shadow-2);
|
|
5485
5390
|
box-shadow: var(--shadow-2);
|
|
5486
5391
|
color: var(--accent-a11);
|
|
@@ -5488,26 +5393,16 @@
|
|
|
5488
5393
|
transition: var(--transition-text-field);
|
|
5489
5394
|
}
|
|
5490
5395
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot:where(.rt-variant-classic) {
|
|
5491
|
-
|
|
5396
|
+
--classic-surface: var(--color-surface-translucent);
|
|
5492
5397
|
}
|
|
5493
5398
|
.rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='solid'],[data-material='solid']) {
|
|
5494
|
-
|
|
5399
|
+
--classic-surface: var(--color-surface-solid);
|
|
5495
5400
|
}
|
|
5496
5401
|
.rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5497
|
-
|
|
5402
|
+
--classic-surface: var(--color-surface-translucent);
|
|
5498
5403
|
}
|
|
5499
5404
|
.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
5500
5405
|
color: var(--accent-12);
|
|
5501
|
-
background-color: var(--color-surface-solid);
|
|
5502
|
-
}
|
|
5503
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
5504
|
-
background-color: var(--color-surface-translucent);
|
|
5505
|
-
}
|
|
5506
|
-
.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
|
|
5507
|
-
background-color: var(--color-surface-solid);
|
|
5508
|
-
}
|
|
5509
|
-
.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5510
|
-
background-color: var(--color-surface-translucent);
|
|
5511
5406
|
}
|
|
5512
5407
|
.rt-BaseCard {
|
|
5513
5408
|
--material-blend: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell-inspector.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-inspector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAiC,aAAa,EAAyB,MAAM,mBAAmB,CAAC;AAIzH,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,wBAAwB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrL,KAAK,0BAA0B,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACxL,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,4BAA4B,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,8BAA8B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACtF,KAAK,oBAAoB,GAAG,aAAa,GACvC,CAAC,wBAAwB,GAAG,0BAA0B,CAAC,GACvD,CAAC,4BAA4B,GAAG,8BAA8B,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,KAAK,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,eAAe,CAAA;CAAE,CAAC;AAiB3J,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"shell-inspector.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-inspector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAiC,aAAa,EAAyB,MAAM,mBAAmB,CAAC;AAIzH,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,wBAAwB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrL,KAAK,0BAA0B,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACxL,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,4BAA4B,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,8BAA8B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACtF,KAAK,oBAAoB,GAAG,aAAa,GACvC,CAAC,wBAAwB,GAAG,0BAA0B,CAAC,GACvD,CAAC,4BAA4B,GAAG,8BAA8B,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,KAAK,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,eAAe,CAAA;CAAE,CAAC;AAiB3J,eAAO,MAAM,SAAS,EA8WhB,kBAAkB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var _t=Object.create;var be=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var Yt=Object.getOwnPropertyNames;var Xt=Object.getPrototypeOf,Jt=Object.prototype.hasOwnProperty;var Qt=(e,t)=>{for(var o in t)be(e,o,{get:t[o],enumerable:!0})},ct=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Yt(t))!Jt.call(e,r)&&r!==o&&be(e,r,{get:()=>t[r],enumerable:!(i=qt(t,r))||i.enumerable});return e};var z=(e,t,o)=>(o=e!=null?_t(Xt(e)):{},ct(t||!e||!e.__esModule?be(o,"default",{value:e,enumerable:!0}):o,e)),Zt=e=>ct(be({},"__esModule",{value:!0}),e);var jo={};Qt(jo,{Inspector:()=>nt});module.exports=Zt(jo);var c=z(require("react")),Ft=z(require("classnames"));var y=z(require("react")),Et=z(require("classnames")),Z=require("radix-ui");var ne={asChild:{type:"boolean"}};var xe={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var dt={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var eo=["1","2","3","4"],to=["solid","translucent"],oo=["solid","translucent"],ut={...ne,align:{type:"enum",className:"rt-r-align",values:["start","center"],default:"center"},size:{type:"enum",className:"rt-r-size",values:eo,default:"3",responsive:!0},panelBackground:{type:"enum",values:to,default:void 0},material:{type:"enum",values:oo,default:void 0},width:xe.width,minWidth:xe.minWidth,maxWidth:{...xe.maxWidth,default:"600px"},...dt};var u=z(require("react")),yt=z(require("classnames")),ue=require("radix-ui");function mt(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Ve=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],ft=["auto","gray","mauve","slate","sage","olive","sand"],Ce={color:{type:"enum",values:Ve,default:void 0}};var Pt=["none","small","medium","large","full"];var no=["inherit","light","dark"],ro=["solid","translucent"],so=["solid","translucent"],ao=["90%","95%","100%","105%","110%"],io=["sans","mono","serif"],f={...ne,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:no,default:"inherit"},accentColor:{type:"enum",values:Ve,default:"blue"},grayColor:{type:"enum",values:ft,default:"slate"},material:{type:"enum",values:so,default:"translucent"},panelBackground:{type:"enum",values:ro,default:"translucent"},radius:{type:"enum",values:Pt,default:"medium"},scaling:{type:"enum",values:ao,default:"100%"},fontFamily:{type:"enum",values:io,default:"sans"}};var I=()=>{},sn={appearance:f.appearance.default,accentColor:f.accentColor.default,grayColor:f.grayColor.default,resolvedGrayColor:f.grayColor.default,material:f.material.default,panelBackground:f.panelBackground.default,radius:f.radius.default,scaling:f.scaling.default,fontFamily:f.fontFamily.default,onAppearanceChange:I,onAccentColorChange:I,onGrayColorChange:I,onMaterialChange:I,onPanelBackgroundChange:I,onRadiusChange:I,onScalingChange:I,onFontFamilyChange:I},Ae=u.createContext(void 0);var je=u.forwardRef((e,t)=>u.useContext(Ae)===void 0?u.createElement(ue.Tooltip.Provider,{delayDuration:200},u.createElement(ue.Direction.Provider,{dir:"ltr"},u.createElement(gt,{...e,ref:t}))):u.createElement(We,{...e,ref:t}));je.displayName="Theme";var gt=u.forwardRef((e,t)=>{let{appearance:o=f.appearance.default,accentColor:i=f.accentColor.default,grayColor:r=f.grayColor.default,material:s=f.material.default,panelBackground:l=f.panelBackground.default,radius:a=f.radius.default,scaling:n=f.scaling.default,fontFamily:d=f.fontFamily.default,hasBackground:g=f.hasBackground.default,...L}=e;u.useEffect(()=>{e.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[e.panelBackground]);let[S,k]=u.useState(o);u.useEffect(()=>k(o),[o]);let[w,N]=u.useState(i);u.useEffect(()=>N(i),[i]);let[Y,j]=u.useState(r);u.useEffect(()=>j(r),[r]);let $=s!==f.material.default?s:l,[W,F]=u.useState($);u.useEffect(()=>F($),[$]);let[U,H]=u.useState(l);u.useEffect(()=>H(W),[W]);let[X,G]=u.useState(a);u.useEffect(()=>G(a),[a]);let[C,m]=u.useState(n);u.useEffect(()=>m(n),[n]);let[P,h]=u.useState(d);return u.useEffect(()=>h(d),[d]),u.createElement(We,{...L,ref:t,isRoot:!0,hasBackground:g,appearance:S,accentColor:w,grayColor:Y,material:W,panelBackground:U,radius:X,scaling:C,fontFamily:P,onAppearanceChange:k,onAccentColorChange:N,onGrayColorChange:j,onMaterialChange:F,onPanelBackgroundChange:H,onRadiusChange:G,onScalingChange:m,onFontFamilyChange:h})});gt.displayName="ThemeRoot";function po(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var We=u.forwardRef((e,t)=>{let o=u.useContext(Ae),{asChild:i,isRoot:r,hasBackground:s,appearance:l=e.appearance??o?.appearance??f.appearance.default,accentColor:a=e.accentColor??o?.accentColor??f.accentColor.default,grayColor:n=e.grayColor??o?.resolvedGrayColor??f.grayColor.default,material:d=e.material??o?.material??f.material.default,panelBackground:g=e.panelBackground??o?.panelBackground??f.panelBackground.default,radius:L=e.radius??o?.radius??f.radius.default,scaling:S=e.scaling??o?.scaling??f.scaling.default,fontFamily:k=e.fontFamily??o?.fontFamily??f.fontFamily.default,onAppearanceChange:w=I,onAccentColorChange:N=I,onGrayColorChange:Y=I,onMaterialChange:j=I,onPanelBackgroundChange:$=I,onRadiusChange:W=I,onScalingChange:F=I,onFontFamilyChange:U=I,...H}=e,X=i?ue.Slot.Root:"div",G=n==="auto"?mt(a):n,C=e.appearance==="light"||e.appearance==="dark",m=s===void 0?r||C:s,[P,h]=u.useState(void 0);return u.useEffect(()=>{r&&h(po())},[r]),u.createElement(Ae.Provider,{value:u.useMemo(()=>({appearance:l,accentColor:a,grayColor:n,resolvedGrayColor:G,material:d,panelBackground:g,radius:L,scaling:S,fontFamily:k,onAppearanceChange:w,onAccentColorChange:N,onGrayColorChange:Y,onMaterialChange:j,onPanelBackgroundChange:$,onRadiusChange:W,onScalingChange:F,onFontFamilyChange:U}),[l,a,n,G,d,g,L,S,k,w,N,Y,j,$,W,F,U])},u.createElement(X,{"data-is-root-theme":r?"true":"false","data-accent-color":a,"data-gray-color":G,"data-has-background":m?"true":"false","data-material":d,"data-panel-background":g,"data-radius":L,"data-scaling":S,"data-font-family":k,"data-os":r?P:void 0,ref:t,...H,className:(0,yt.default)("radix-themes",{light:l==="light",dark:l==="dark"},H.className)}))});We.displayName="ThemeImpl";var le=z(require("react")),bt=require("radix-ui");var Te={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var lo=["normal","start","end","both"],Se={trim:{type:"enum",className:"rt-r-lt",values:lo,responsive:!0}};var co=["left","center","right"],De={align:{type:"enum",className:"rt-r-ta",values:co,responsive:!0}};var uo=["wrap","nowrap","pretty","balance"],Ee={wrap:{type:"enum",className:"rt-r-tw",values:uo,responsive:!0}};var we={truncate:{type:"boolean",className:"rt-truncate"}};var mo=["sans","mono","serif"],Me={font:{type:"enum",className:"rt-r-ff",values:mo}};var fo=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],ke={weight:{type:"enum",className:"rt-r-weight",values:fo,responsive:!0}};var Po=["h1","h2","h3","h4","h5","h6"],yo=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ht={as:{type:"enum",values:Po,default:"h1"},...ne,size:{type:"enum",className:"rt-r-size",values:yo,default:"6",responsive:!0},...Me,...ke,...De,...Se,...we,...Ee,...Ce,...Te};var Pe=z(require("classnames"));var go=["initial","xs","sm","md","lg","xl"],Fe=new Set(go);function Ge(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var ho=new Set(["initial","xs","sm","md","lg","xl"]);function ae(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(ho.has(t))return!0;return!1}function Rt({className:e,customProperties:t,...o}){let i=Ke({allowArbitraryValues:!0,className:e,...o}),r=vo({customProperties:t,...o});return[i,r]}function Ke({allowArbitraryValues:e,value:t,className:o,propValues:i,parseValue:r=s=>s}){let s=[];if(t){if(typeof t=="string"&&i.includes(t))return vt(o,t,r);if(ae(t)){let l=t;for(let a in l){if(!Ge(l,a)||!Fe.has(a))continue;let n=l[a];if(n!==void 0){if(i.includes(n)){let d=vt(o,n,r),g=a==="initial"?d:`${a}:${d}`;s.push(g)}else if(e){let d=a==="initial"?o:`${a}:${o}`;s.push(d)}}}return s.join(" ")}if(e)return o}}function vt(e,t,o){let i=e?"-":"",r=o(t),s=r?.startsWith("-"),l=s?"-":"",a=s?r?.substring(1):r;return`${l}${e}${i}${a}`}function vo({customProperties:e,value:t,propValues:o,parseValue:i=r=>r}){let r={};if(!(!t||typeof t=="string"&&o.includes(t))){if(typeof t=="string"&&(r=Object.fromEntries(e.map(s=>[s,t]))),ae(t)){let s=t;for(let l in s){if(!Ge(s,l)||!Fe.has(l))continue;let a=s[l];if(!o.includes(a))for(let n of e){let d=l==="initial"?n:`${n}-${l}`;r[d]=a}}}for(let s in r){let l=r[s];l!==void 0&&(r[s]=i(l))}return r}}function $e(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Ro(...e){return Object.assign({},...e)}function ie(e,...t){let o,i,r={...e},s=Ro(...t);for(let l in s){let a=r[l],n=s[l];if(n.default!==void 0&&a===void 0&&(a=n.default),n.type==="enum"&&![n.default,...n.values].includes(a)&&!ae(a)&&(a=n.default),r[l]=a,"className"in n&&n.className){delete r[l];let d="responsive"in n;if(!a||ae(a)&&!d)continue;if(ae(a)&&(n.default!==void 0&&a.initial===void 0&&(a.initial=n.default),n.type==="enum"&&([n.default,...n.values].includes(a.initial)||(a.initial=n.default))),n.type==="enum"){let g=Ke({allowArbitraryValues:!1,value:a,className:n.className,propValues:n.values,parseValue:n.parseValue});o=(0,Pe.default)(o,g);continue}if(n.type==="string"||n.type==="enum | string"){let g=n.type==="string"?[]:n.values,[L,S]=Rt({className:n.className,customProperties:n.customProperties,propValues:g,parseValue:n.parseValue,value:a});i=$e(i,S),o=(0,Pe.default)(o,L);continue}if(n.type==="boolean"&&a){o=(0,Pe.default)(o,n.className);continue}}}return r.className=(0,Pe.default)(o,e.className),r.style=$e(i,e.style),r}var pe=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],Ne={m:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var bo={...ht,...Ne},Ue=le.memo(le.forwardRef((e,t)=>{let{children:o,className:i,asChild:r,as:s="h1",color:l,...a}=ie(e,bo),n=i?`rt-Heading ${i}`:"rt-Heading";return r?le.createElement(bt.Slot.Root,{"data-accent-color":l,...a,ref:t,className:n},o):le.createElement(s,{"data-accent-color":l,...a,ref:t,className:n},o)}));Ue.displayName="Heading";var ce=z(require("react")),Ct=require("radix-ui");var xo=["span","div","label","p"],Co=["0","1","2","3","4","5","6","7","8","9","10","11","12"],xt={as:{type:"enum",values:xo,default:"span"},...ne,size:{type:"enum",className:"rt-r-size",values:Co,responsive:!0},...Me,...ke,...De,...Se,...we,...Ee,...Ce,...Te};var To={...xt,...Ne},_e=ce.memo(ce.forwardRef((e,t)=>{let{children:o,className:i,asChild:r,as:s="span",color:l,...a}=ie(e,To),n=i?`rt-Text ${i}`:"rt-Text";return r?ce.createElement(Ct.Slot.Root,{"data-accent-color":l,...a,ref:t,className:n},o):ce.createElement(s,{"data-accent-color":l,...a,ref:t,className:n},o)}));_e.displayName="Text";var ze=z(require("react")),qe=e=>{if(!ze.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${ze.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var St=z(require("react")),Tt=!1;function Dt(){St.useEffect(()=>{if(typeof document>"u"||Tt)return;Tt=!0;let e=()=>{let n=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),d=!!document.querySelector('[data-radix-popper-content-wrapper], [data-state="open"]');return n||d},t=()=>{document.body.style.pointerEvents==="none"&&(console.log("[KookieUI] Force cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="",document.body.removeAttribute("data-scroll-locked"),document.body.removeAttribute("data-remove-scroll"),document.body.classList.remove("ReactModal__Body--open"))},o=()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Safe cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},i=n=>{let d=n.target;d&&!d.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&setTimeout(t,100)},r=n=>{n.key==="Escape"&&setTimeout(t,200)},s=()=>{setTimeout(o,50)};document.addEventListener("click",i,!0),document.addEventListener("keydown",r,!0),document.addEventListener("pointerup",s,!0),document.addEventListener("transitionend",s,!0),document.addEventListener("animationend",s,!0),new MutationObserver(()=>{setTimeout(o,0)}).observe(document.body,{childList:!0,subtree:!0,attributes:!0});let a=setInterval(()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Periodic cleanup of stuck pointer-events"),document.body.style.pointerEvents="")},1e3);return setTimeout(o,100),()=>{clearInterval(a)}},[])}var Ye=e=>y.createElement(Z.Dialog.Root,{...e,modal:!0});Ye.displayName="Sheet.Root";var So=y.forwardRef(({children:e,...t},o)=>y.createElement(Z.Dialog.Trigger,{...t,ref:o,asChild:!0},qe(e)));So.displayName="Sheet.Trigger";var Xe=y.forwardRef((e,t)=>{let{side:o="start",forceMount:i,container:r,className:s,panelBackground:l,material:a,...n}=e,g={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[o],{align:L,panelBackground:S,material:k,...w}=ut,{panelBackground:N,material:Y}=ie({panelBackground:l,material:a},{panelBackground:S,material:k}),j=y.useMemo(()=>Y??N,[Y,N]),{default:$,...W}=w.maxWidth,F={...w,maxWidth:W},{className:U,...H}=ie(n,F),X=y.useRef(null),G=y.useMemo(()=>C=>{X.current=C,typeof t=="function"?t(C):t&&(t.current=C)},[t]);return Dt(),y.useEffect(()=>{if(typeof window>"u")return;let C=X.current;if(!C)return;let m=C.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(m.length===0)return;let P=m[0],h=m[m.length-1],_=K=>{K.key==="Tab"&&(K.shiftKey?document.activeElement===P&&(K.preventDefault(),h.focus()):document.activeElement===h&&(K.preventDefault(),P.focus()))};return C.addEventListener("keydown",_),P.focus(),()=>{C.removeEventListener("keydown",_)}},[]),y.createElement(Z.Dialog.Portal,{container:r,forceMount:i},y.createElement(je,{asChild:!0},y.createElement(Z.Dialog.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},y.createElement(Z.Dialog.Content,{...H,ref:G,className:(0,Et.default)("rt-BaseDialogContent","rt-SheetContent",s,U),"data-side":g,"data-material":j,"data-panel-background":j,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});Xe.displayName="Sheet.Content";var Je=y.forwardRef(({size:e="4",weight:t="medium",...o},i)=>y.createElement(Z.Dialog.Title,{asChild:!0},y.createElement(Ue,{ref:i,size:e,weight:t,...o})));Je.displayName="Sheet.Title";var Do=y.forwardRef(({size:e="2",color:t="gray",...o},i)=>y.createElement(Z.Dialog.Description,{asChild:!0},y.createElement(_e,{ref:i,size:e,color:t,...o})));Do.displayName="Sheet.Description";var Eo=y.forwardRef(({children:e,...t},o)=>y.createElement(Z.Dialog.Close,{...t,ref:o,asChild:!0},qe(e)));Eo.displayName="Sheet.Close";var Qe=require("radix-ui"),wt=Qe.VisuallyHidden.Root,dr=Qe.VisuallyHidden.Root;var x=z(require("react")),Mo=x.createContext(null);function Ze(){let e=x.useContext(Mo);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}var mr=x.createContext(null);var fr=x.createContext(null);var Pr=x.createContext(null);var ko=x.createContext(null);function Mt(){let e=x.useContext(ko);if(!e)throw new Error("useInspectorMode must be used within Shell.Root");return e}var yr=x.createContext(null);var No=x.createContext(null);function kt(){let e=x.useContext(No);if(!e)throw new Error("usePresentation must be used within Shell.Root");return e}var zo=x.createContext(null);function Nt(){let e=x.useContext(zo);if(!e)throw new Error("usePeek must be used within Shell.Root");return e}var Io=x.createContext(null);function zt(){let e=x.useContext(Io);if(!e)throw new Error("useShellActions must be used within Shell.Root");return e}var gr=x.createContext(null);var Bo=x.createContext(null);function It(){let e=x.useContext(Bo);if(!e)throw new Error("useInset must be used within Shell.Root");return e}var ee=z(require("react"));var et={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};function Lt(e){let{currentBreakpoint:t}=Ze();return ee.useMemo(()=>{if(typeof e=="string")return e;if(e[t])return e[t];let i=[...Object.keys(et)].reverse().concat("initial"),r=i.indexOf(t);for(let s=r+1;s<i.length;s++){let l=i[s];if(e[l])return e[l]}return"fixed"},[e,t])}function Bt(e){let{currentBreakpoint:t}=Ze();return ee.useMemo(()=>{if(e==null)return;if(typeof e!="object")return e;let o=e;if(o[t]!==void 0)return o[t];let r=[...Object.keys(et)].reverse().concat("initial"),s=r.indexOf(t);for(let l=s+1;l<r.length;l++){let a=r[l];if(o[a]!==void 0)return o[a]}},[e,t])}function Ht({controlledValue:e,defaultValue:t,currentValue:o,setValue:i,breakpointReady:r,onInit:s,onResponsiveChange:l,controlledIsResponsive:a=!1}){let n=Bt(e),d=Bt(t),g=ee.useRef(void 0);ee.useEffect(()=>{if(n!==void 0){if(g.current=n,o===n){a&&l?.(n);return}i(n),a&&l?.(n)}},[n,o,i,l,a]);let L=ee.useRef(!1);return ee.useEffect(()=>{L.current||r&&(typeof e<"u"||d!==void 0&&(L.current=!0,o!==d&&i(d),s?.(d)))},[r,e,d,o,i,s]),{resolvedControlled:n,resolvedDefault:d}}var Ie=z(require("react")),tt=Ie.createContext(null);function Ot(){let e=Ie.useContext(tt);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var B=z(require("react")),Vt=z(require("classnames"));var de=B.forwardRef(({className:e,children:t,...o},i)=>{let{containerRef:r,cssVarName:s,minSize:l,maxSize:a,defaultSize:n,orientation:d,edge:g,computeNext:L,onResize:S,onResizeStart:k,onResizeEnd:w,snapPoints:N,snapTolerance:Y,collapseThreshold:j,collapsible:$,target:W,requestCollapse:F,requestToggle:U}=Ot(),H=B.useRef(null);B.useEffect(()=>()=>{try{H.current?.()}catch{}H.current=null},[]);let X=d,C=`Resize ${W.charAt(0).toUpperCase()+W.slice(1)} pane`;return B.createElement("div",{...o,ref:i,className:(0,Vt.default)("rt-ShellResizer",e),"data-orientation":d,"data-edge":g,role:"slider","aria-label":C,"aria-orientation":X,"aria-valuemin":l,"aria-valuemax":a,"aria-valuenow":n,tabIndex:0,onPointerDown:m=>{if(!r.current)return;m.preventDefault();let P=r.current,h=m.currentTarget,_=m.pointerId;try{H.current?.()}catch{}P.setAttribute("data-resizing","");try{h.setPointerCapture(_)}catch{}let K=d==="vertical"?m.clientX:m.clientY,v=parseFloat(getComputedStyle(P).getPropertyValue(s)||`${n}`),q=A=>Math.min(Math.max(A,l),a),R=document.body,T=R.style.cursor,J=R.style.userSelect;R.style.cursor=d==="vertical"?"col-resize":"row-resize",R.style.userSelect="none",k?.(v);let O=A=>{let M=d==="vertical"?A.clientX:A.clientY,te=q(L(M,K,v));P.style.setProperty(s,`${te}px`),h.setAttribute("aria-valuenow",String(te)),S?.(te)},Q=()=>{try{h.releasePointerCapture(_)}catch{}window.removeEventListener("pointermove",O),document.removeEventListener("pointermove",O),window.removeEventListener("mousemove",O),document.removeEventListener("mousemove",O),h.removeEventListener("pointermove",O),window.removeEventListener("pointerup",D),document.removeEventListener("pointerup",D),window.removeEventListener("mouseup",D),document.removeEventListener("mouseup",D),window.removeEventListener("pointercancel",D),document.removeEventListener("pointercancel",D),window.removeEventListener("keydown",re),h.removeEventListener("lostpointercapture",D),P.removeAttribute("data-resizing"),R.style.cursor=T,R.style.userSelect=J,H.current=null},D=()=>{let A=parseFloat(getComputedStyle(P).getPropertyValue(s)||`${n}`),M=A;if(N&&N.length){let te=N.reduce((me,fe)=>Math.abs(fe-A)<Math.abs(me-A)?fe:me,N[0]);Math.abs(te-A)<=(Y??8)&&(M=te,P.style.setProperty(s,`${M}px`),h.setAttribute("aria-valuenow",String(M)),S?.(M))}$&&typeof j=="number"&&A<=j&&F?.(),w?.(M),Q()},re=A=>{A.key==="Escape"&&(P.style.setProperty(s,`${v}px`),h.setAttribute("aria-valuenow",String(v)),w?.(v),Q())};window.addEventListener("pointermove",O),document.addEventListener("pointermove",O),window.addEventListener("mousemove",O),document.addEventListener("mousemove",O),h.addEventListener("pointermove",O),window.addEventListener("pointerup",D),document.addEventListener("pointerup",D),window.addEventListener("mouseup",D),document.addEventListener("mouseup",D),window.addEventListener("pointercancel",D),document.addEventListener("pointercancel",D),window.addEventListener("keydown",re),h.addEventListener("lostpointercapture",D),H.current=Q},onDoubleClick:()=>{$&&U?.()},onKeyDown:m=>{if(!r.current)return;let P=r.current,h=getComputedStyle(P).getPropertyValue(s),_=Number.parseFloat(h.trim()),K=Number.isFinite(_)?_:n,v=T=>Math.min(Math.max(T,l),a),q=m.shiftKey?32:8,R=0;if(d==="vertical"){let T=typeof document<"u"?document.dir:void 0,J=getComputedStyle(P).direction,O=!!(P.closest&&P.closest('[dir="rtl"]')),Q=T==="rtl"||J==="rtl"||O;m.key==="ArrowRight"?R=Q?-q:q:m.key==="ArrowLeft"&&(R=Q?q:-q)}else m.key==="ArrowDown"?R=q:m.key==="ArrowUp"&&(R=-q);if(m.key==="Home"){m.preventDefault(),k?.(K);let T=v(l);P.style.setProperty(s,`${T}px`),m.currentTarget.setAttribute("aria-valuenow",String(T)),S?.(T),w?.(T);return}if(m.key==="End"){m.preventDefault(),k?.(K);let T=v(a);P.style.setProperty(s,`${T}px`),m.currentTarget.setAttribute("aria-valuenow",String(T)),S?.(T),w?.(T);return}if(R!==0){m.preventDefault(),k?.(K);let T=d==="vertical"&&g==="start"?-R:R,J=v(K+T);P.style.setProperty(s,`${J}px`),m.currentTarget.setAttribute("aria-valuenow",String(J)),S?.(J),w?.(J)}}},t)});de.displayName="Shell.Handle";var Lo=B.forwardRef((e,t)=>B.createElement(de,{...e,ref:t}));Lo.displayName="Shell.Panel.Handle";var Ho=B.forwardRef((e,t)=>B.createElement(de,{...e,ref:t}));Ho.displayName="Shell.Sidebar.Handle";var ye=B.forwardRef((e,t)=>B.createElement(de,{...e,ref:t}));ye.displayName="Shell.Inspector.Handle";var Oo=B.forwardRef((e,t)=>B.createElement(de,{...e,ref:t}));Oo.displayName="Shell.Bottom.Handle";function Vo(e,t){let o=new Set(t),i={};return Object.keys(e).forEach(r=>{o.has(r)||(i[r]=e[r])}),i}var At=["presentation","expandedSize","minSize","maxSize","resizable","collapsible","onExpand","onCollapse","onResize","resizer","onResizeStart","onResizeEnd","snapPoints","snapTolerance","collapseThreshold","paneId","persistence"];function jt(e,t){let o=t?[...At,...t]:[...At];return Vo(e,o)}function ot(e){if(e!=null){if(typeof e=="object"){let t={};return Object.entries(e).forEach(([o,i])=>{typeof i=="boolean"&&(t[o]=i?"expanded":"collapsed")}),t}return e?"expanded":"collapsed"}}function Wt(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let o=String(e).trim();if(!o)return;if(o.endsWith("px"))return Number.parseFloat(o);if(o.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(o)*r}if(o.endsWith("%")){let r=Number.parseFloat(o),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*s}let i=Number.parseFloat(o);return Number.isFinite(i)?i:void 0}var Ao=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],nt=c.forwardRef((e,t)=>{let{className:o,presentation:i={initial:"overlay",lg:"fixed"},defaultOpen:r,open:s,onOpenChange:l,expandedSize:a=320,minSize:n=200,maxSize:d=500,resizable:g=!1,collapsible:L=!0,onExpand:S,onCollapse:k,onResize:w,onResizeStart:N,onResizeEnd:Y,snapPoints:j,snapTolerance:$,collapseThreshold:W,paneId:F,persistence:U,children:H,style:X,onSizeChange:G,sizeUpdate:C,sizeUpdateMs:m=50,size:P,defaultSize:h,inset:_}=e,K=jt(e,Ao),{inspectorMode:v,setInspectorMode:q}=Mt(),{currentBreakpointReady:R}=kt(),{peekTarget:T}=Nt(),{togglePane:J}=zt(),{registerInset:O,unregisterInset:Q}=It();c.useEffect(()=>{if(_)return O("inspector"),()=>Q("inspector")},[_,O,Q]);let D=Lt(i),re=D==="overlay",A=D==="stacked",M=c.useRef(null),te=c.useCallback(p=>{M.current=p,typeof t=="function"?t(p):t&&(t.current=p)},[t]),me=c.Children.toArray(H),fe=me.filter(p=>c.isValidElement(p)&&p.type===ye),rt=me.filter(p=>!(c.isValidElement(p)&&p.type===ye)),Gt=c.useMemo(()=>ot(s),[s]),Kt=c.useMemo(()=>ot(r),[r]);Ht({controlledValue:Gt,defaultValue:Kt,currentValue:v,setValue:q,breakpointReady:R,controlledIsResponsive:typeof s=="object"&&s!==null,onResponsiveChange:p=>l?.(p==="expanded",{reason:"responsive"}),onInit:p=>{typeof s>"u"&&l?.(p==="expanded",{reason:"init"})}});let se=c.useRef(null);c.useEffect(()=>()=>{se.current&&(clearTimeout(se.current),se.current=null)},[G,C,m]);let ge=c.useMemo(()=>{let p=G,E=C,V=m??50;if(!p)return()=>{};if(E==="debounce")return(b,oe)=>{se.current&&clearTimeout(se.current),se.current=setTimeout(()=>{p(b,oe),se.current=null},V)};if(E==="throttle"){let b=0;return(oe,Ut)=>{let lt=Date.now();lt-b>=V&&(b=lt,p(oe,Ut))}}return(b,oe)=>p(b,oe)},[G,C,m]),he=c.useRef(null);c.useEffect(()=>{let p=typeof s<"u";if(he.current===null){he.current=p;return}he.current!==p&&(console.warn("Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported."),he.current=p)},[s]);let st=c.useRef(!1),Be=c.useRef(null);c.useEffect(()=>{!st.current&&typeof s>"u"&&r&&v==="expanded"&&(l?.(!0,{reason:"init"}),st.current=!0),typeof s>"u"&&(Be.current!==null&&Be.current!==v&&l?.(v==="expanded",{reason:"toggle"}),Be.current=v)},[v,s,r,l]);let at=c.useRef(S),it=c.useRef(k);c.useLayoutEffect(()=>{at.current=S,it.current=k});let ve=c.useRef(null),pt=c.useRef(!1);c.useEffect(()=>{let p=v;if(!R){ve.current=p;return}if(!pt.current){pt.current=!0,ve.current=p;return}let E=ve.current;E!==null&&E!==p&&(p==="expanded"?at.current?.():p==="collapsed"&&it.current?.(),ve.current=p)},[v,R]);let Le=v==="expanded",Re=c.useMemo(()=>{if(!F||U)return U;let p=`kookie-ui:shell:inspector:${F}`;return{load:()=>{if(!(typeof window>"u"))try{let V=window.localStorage.getItem(p);return V?Number(V):void 0}catch{return}},save:V=>{if(!(typeof window>"u"))try{window.localStorage.setItem(p,String(V))}catch{}}}},[F,U]);c.useEffect(()=>{let p=!0;if(!g||!Re?.load||re)return;let E=Re.load(),V=b=>{!p||typeof b!="number"||!M.current||(M.current.style.setProperty("--inspector-size",`${b}px`),w?.(b))};return E instanceof Promise?E.then(V).catch(b=>{}):V(E),()=>{p=!1}},[g,Re,w,re]);let $t=g&&!re&&Le?c.createElement(tt.Provider,{value:{containerRef:M,cssVarName:"--inspector-size",minSize:n,maxSize:d,defaultSize:a,orientation:"vertical",edge:"start",computeNext:(p,E,V)=>{let b=getComputedStyle(M.current).direction==="rtl",oe=p-E;return V+(b?oe:-oe)},onResize:w,onResizeStart:N,onResizeEnd:p=>{Y?.(p),ge(p,{reason:"resize"}),Re?.save?.(p)},target:"inspector",collapsible:L,snapPoints:j,snapTolerance:$??8,collapseThreshold:W,requestCollapse:()=>q("collapsed"),requestToggle:()=>J("inspector")}},fe.length>0?fe.map((p,E)=>c.cloneElement(p,{key:p.key??E})):c.createElement(de,null)):null,He=c.useCallback(p=>Wt(p,"horizontal"),[]);c.useEffect(()=>{if(M.current&&typeof P>"u"&&typeof h<"u"){let p=He(h);if(typeof p=="number"&&Number.isFinite(p)){let b=Math.min((typeof d=="number"?d:void 0)??p,Math.max((typeof n=="number"?n:void 0)??p,p));M.current.style.setProperty("--inspector-size",`${b}px`),ge(b,{reason:"init"})}}},[]);let Oe=P;return c.useEffect(()=>{if(!M.current||typeof Oe>"u")return;let p=He(Oe);if(typeof p=="number"&&Number.isFinite(p)){let b=Math.min((typeof d=="number"?d:void 0)??p,Math.max((typeof n=="number"?n:void 0)??p,p));M.current.style.setProperty("--inspector-size",`${b}px`),ge(b,{reason:"controlled"})}},[Oe,n,d,He,ge]),re?c.createElement(Ye,{open:v==="expanded",onOpenChange:E=>q(E?"expanded":"collapsed")},c.createElement(Xe,{side:"end",style:{padding:0},width:{initial:`${a}px`}},c.createElement(wt,null,c.createElement(Je,null,"Inspector")),rt)):c.createElement("div",{...K,ref:te,className:(0,Ft.default)("rt-ShellInspector",o),"data-mode":v,"data-peek":T==="inspector"||void 0,"data-presentation":R?D:void 0,"data-open":R&&A&&Le||void 0,"data-inset":_||void 0,style:{...X,"--inspector-size":`${a}px`,"--inspector-min-size":`${n}px`,"--inspector-max-size":`${d}px`}},c.createElement("div",{className:"rt-ShellInspectorContent","data-visible":Le||void 0},rt),$t)});nt.displayName="Shell.Inspector";nt.Handle=ye;
|
|
1
|
+
"use strict";var Yt=Object.create;var xe=Object.defineProperty;var Xt=Object.getOwnPropertyDescriptor;var Jt=Object.getOwnPropertyNames;var Qt=Object.getPrototypeOf,Zt=Object.prototype.hasOwnProperty;var eo=(e,t)=>{for(var o in t)xe(e,o,{get:t[o],enumerable:!0})},ut=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Jt(t))!Zt.call(e,r)&&r!==o&&xe(e,r,{get:()=>t[r],enumerable:!(p=Xt(t,r))||p.enumerable});return e};var I=(e,t,o)=>(o=e!=null?Yt(Qt(e)):{},ut(t||!e||!e.__esModule?xe(o,"default",{value:e,enumerable:!0}):o,e)),to=e=>ut(xe({},"__esModule",{value:!0}),e);var Fo={};eo(Fo,{Inspector:()=>nt});module.exports=to(Fo);var c=I(require("react")),Kt=I(require("classnames"));var y=I(require("react")),Mt=I(require("classnames")),ee=require("radix-ui");var ne={asChild:{type:"boolean"}};var Ce={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var mt={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var oo=["1","2","3","4"],no=["solid","translucent"],ro=["solid","translucent"],ft={...ne,align:{type:"enum",className:"rt-r-align",values:["start","center"],default:"center"},size:{type:"enum",className:"rt-r-size",values:oo,default:"3",responsive:!0},panelBackground:{type:"enum",values:no,default:void 0},material:{type:"enum",values:ro,default:void 0},width:Ce.width,minWidth:Ce.minWidth,maxWidth:{...Ce.maxWidth,default:"600px"},...mt};var u=I(require("react")),ht=I(require("classnames")),ue=require("radix-ui");function Pt(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Ve=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],yt=["auto","gray","mauve","slate","sage","olive","sand"],Te={color:{type:"enum",values:Ve,default:void 0}};var gt=["none","small","medium","large","full"];var so=["inherit","light","dark"],ao=["solid","translucent"],io=["solid","translucent"],po=["90%","95%","100%","105%","110%"],lo=["sans","mono","serif"],f={...ne,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:so,default:"inherit"},accentColor:{type:"enum",values:Ve,default:"blue"},grayColor:{type:"enum",values:yt,default:"slate"},material:{type:"enum",values:io,default:"translucent"},panelBackground:{type:"enum",values:ao,default:"translucent"},radius:{type:"enum",values:gt,default:"medium"},scaling:{type:"enum",values:po,default:"100%"},fontFamily:{type:"enum",values:lo,default:"sans"}};var B=()=>{},an={appearance:f.appearance.default,accentColor:f.accentColor.default,grayColor:f.grayColor.default,resolvedGrayColor:f.grayColor.default,material:f.material.default,panelBackground:f.panelBackground.default,radius:f.radius.default,scaling:f.scaling.default,fontFamily:f.fontFamily.default,onAppearanceChange:B,onAccentColorChange:B,onGrayColorChange:B,onMaterialChange:B,onPanelBackgroundChange:B,onRadiusChange:B,onScalingChange:B,onFontFamilyChange:B},Ae=u.createContext(void 0);var je=u.forwardRef((e,t)=>u.useContext(Ae)===void 0?u.createElement(ue.Tooltip.Provider,{delayDuration:200},u.createElement(ue.Direction.Provider,{dir:"ltr"},u.createElement(vt,{...e,ref:t}))):u.createElement(We,{...e,ref:t}));je.displayName="Theme";var vt=u.forwardRef((e,t)=>{let{appearance:o=f.appearance.default,accentColor:p=f.accentColor.default,grayColor:r=f.grayColor.default,material:s=f.material.default,panelBackground:l=f.panelBackground.default,radius:a=f.radius.default,scaling:n=f.scaling.default,fontFamily:d=f.fontFamily.default,hasBackground:g=f.hasBackground.default,...H}=e;u.useEffect(()=>{e.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[e.panelBackground]);let[D,N]=u.useState(o);u.useEffect(()=>N(o),[o]);let[M,z]=u.useState(p);u.useEffect(()=>z(p),[p]);let[Y,j]=u.useState(r);u.useEffect(()=>j(r),[r]);let $=s!==f.material.default?s:l,[W,F]=u.useState($);u.useEffect(()=>F($),[$]);let[U,O]=u.useState(l);u.useEffect(()=>O(W),[W]);let[X,G]=u.useState(a);u.useEffect(()=>G(a),[a]);let[T,m]=u.useState(n);u.useEffect(()=>m(n),[n]);let[P,h]=u.useState(d);return u.useEffect(()=>h(d),[d]),u.createElement(We,{...H,ref:t,isRoot:!0,hasBackground:g,appearance:D,accentColor:M,grayColor:Y,material:W,panelBackground:U,radius:X,scaling:T,fontFamily:P,onAppearanceChange:N,onAccentColorChange:z,onGrayColorChange:j,onMaterialChange:F,onPanelBackgroundChange:O,onRadiusChange:G,onScalingChange:m,onFontFamilyChange:h})});vt.displayName="ThemeRoot";function co(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var We=u.forwardRef((e,t)=>{let o=u.useContext(Ae),{asChild:p,isRoot:r,hasBackground:s,appearance:l=e.appearance??o?.appearance??f.appearance.default,accentColor:a=e.accentColor??o?.accentColor??f.accentColor.default,grayColor:n=e.grayColor??o?.resolvedGrayColor??f.grayColor.default,material:d=e.material??o?.material??f.material.default,panelBackground:g=e.panelBackground??o?.panelBackground??f.panelBackground.default,radius:H=e.radius??o?.radius??f.radius.default,scaling:D=e.scaling??o?.scaling??f.scaling.default,fontFamily:N=e.fontFamily??o?.fontFamily??f.fontFamily.default,onAppearanceChange:M=B,onAccentColorChange:z=B,onGrayColorChange:Y=B,onMaterialChange:j=B,onPanelBackgroundChange:$=B,onRadiusChange:W=B,onScalingChange:F=B,onFontFamilyChange:U=B,...O}=e,X=p?ue.Slot.Root:"div",G=n==="auto"?Pt(a):n,T=e.appearance==="light"||e.appearance==="dark",m=s===void 0?r||T:s,[P,h]=u.useState(void 0);return u.useEffect(()=>{r&&h(co())},[r]),u.createElement(Ae.Provider,{value:u.useMemo(()=>({appearance:l,accentColor:a,grayColor:n,resolvedGrayColor:G,material:d,panelBackground:g,radius:H,scaling:D,fontFamily:N,onAppearanceChange:M,onAccentColorChange:z,onGrayColorChange:Y,onMaterialChange:j,onPanelBackgroundChange:$,onRadiusChange:W,onScalingChange:F,onFontFamilyChange:U}),[l,a,n,G,d,g,H,D,N,M,z,Y,j,$,W,F,U])},u.createElement(X,{"data-is-root-theme":r?"true":"false","data-accent-color":a,"data-gray-color":G,"data-has-background":m?"true":"false","data-material":d,"data-panel-background":g,"data-radius":H,"data-scaling":D,"data-font-family":N,"data-os":r?P:void 0,ref:t,...O,className:(0,ht.default)("radix-themes",{light:l==="light",dark:l==="dark"},O.className)}))});We.displayName="ThemeImpl";var le=I(require("react")),Ct=require("radix-ui");var Se={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var uo=["normal","start","end","both"],De={trim:{type:"enum",className:"rt-r-lt",values:uo,responsive:!0}};var mo=["left","center","right"],Ee={align:{type:"enum",className:"rt-r-ta",values:mo,responsive:!0}};var fo=["wrap","nowrap","pretty","balance"],we={wrap:{type:"enum",className:"rt-r-tw",values:fo,responsive:!0}};var Me={truncate:{type:"boolean",className:"rt-truncate"}};var Po=["sans","mono","serif"],ke={font:{type:"enum",className:"rt-r-ff",values:Po}};var yo=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Ne={weight:{type:"enum",className:"rt-r-weight",values:yo,responsive:!0}};var go=["h1","h2","h3","h4","h5","h6"],ho=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Rt={as:{type:"enum",values:go,default:"h1"},...ne,size:{type:"enum",className:"rt-r-size",values:ho,default:"6",responsive:!0},...ke,...Ne,...Ee,...De,...Me,...we,...Te,...Se};var ye=I(require("classnames"));var vo=["initial","xs","sm","md","lg","xl"],Fe=new Set(vo);function Ge(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Ro=new Set(["initial","xs","sm","md","lg","xl"]);function ae(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Ro.has(t))return!0;return!1}function xt({className:e,customProperties:t,...o}){let p=Ke({allowArbitraryValues:!0,className:e,...o}),r=bo({customProperties:t,...o});return[p,r]}function Ke({allowArbitraryValues:e,value:t,className:o,propValues:p,parseValue:r=s=>s}){let s=[];if(t){if(typeof t=="string"&&p.includes(t))return bt(o,t,r);if(ae(t)){let l=t;for(let a in l){if(!Ge(l,a)||!Fe.has(a))continue;let n=l[a];if(n!==void 0){if(p.includes(n)){let d=bt(o,n,r),g=a==="initial"?d:`${a}:${d}`;s.push(g)}else if(e){let d=a==="initial"?o:`${a}:${o}`;s.push(d)}}}return s.join(" ")}if(e)return o}}function bt(e,t,o){let p=e?"-":"",r=o(t),s=r?.startsWith("-"),l=s?"-":"",a=s?r?.substring(1):r;return`${l}${e}${p}${a}`}function bo({customProperties:e,value:t,propValues:o,parseValue:p=r=>r}){let r={};if(!(!t||typeof t=="string"&&o.includes(t))){if(typeof t=="string"&&(r=Object.fromEntries(e.map(s=>[s,t]))),ae(t)){let s=t;for(let l in s){if(!Ge(s,l)||!Fe.has(l))continue;let a=s[l];if(!o.includes(a))for(let n of e){let d=l==="initial"?n:`${n}-${l}`;r[d]=a}}}for(let s in r){let l=r[s];l!==void 0&&(r[s]=p(l))}return r}}function $e(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function xo(...e){return Object.assign({},...e)}function ie(e,...t){let o,p,r={...e},s=xo(...t);for(let l in s){let a=r[l],n=s[l];if(n.default!==void 0&&a===void 0&&(a=n.default),n.type==="enum"&&![n.default,...n.values].includes(a)&&!ae(a)&&(a=n.default),r[l]=a,"className"in n&&n.className){delete r[l];let d="responsive"in n;if(!a||ae(a)&&!d)continue;if(ae(a)&&(n.default!==void 0&&a.initial===void 0&&(a.initial=n.default),n.type==="enum"&&([n.default,...n.values].includes(a.initial)||(a.initial=n.default))),n.type==="enum"){let g=Ke({allowArbitraryValues:!1,value:a,className:n.className,propValues:n.values,parseValue:n.parseValue});o=(0,ye.default)(o,g);continue}if(n.type==="string"||n.type==="enum | string"){let g=n.type==="string"?[]:n.values,[H,D]=xt({className:n.className,customProperties:n.customProperties,propValues:g,parseValue:n.parseValue,value:a});p=$e(p,D),o=(0,ye.default)(o,H);continue}if(n.type==="boolean"&&a){o=(0,ye.default)(o,n.className);continue}}}return r.className=(0,ye.default)(o,e.className),r.style=$e(p,e.style),r}var pe=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],ze={m:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var Co={...Rt,...ze},Ue=le.memo(le.forwardRef((e,t)=>{let{children:o,className:p,asChild:r,as:s="h1",color:l,...a}=ie(e,Co),n=p?`rt-Heading ${p}`:"rt-Heading";return r?le.createElement(Ct.Slot.Root,{"data-accent-color":l,...a,ref:t,className:n},o):le.createElement(s,{"data-accent-color":l,...a,ref:t,className:n},o)}));Ue.displayName="Heading";var ce=I(require("react")),St=require("radix-ui");var To=["span","div","label","p"],So=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Tt={as:{type:"enum",values:To,default:"span"},...ne,size:{type:"enum",className:"rt-r-size",values:So,responsive:!0},...ke,...Ne,...Ee,...De,...Me,...we,...Te,...Se};var Do={...Tt,...ze},_e=ce.memo(ce.forwardRef((e,t)=>{let{children:o,className:p,asChild:r,as:s="span",color:l,...a}=ie(e,Do),n=p?`rt-Text ${p}`:"rt-Text";return r?ce.createElement(St.Slot.Root,{"data-accent-color":l,...a,ref:t,className:n},o):ce.createElement(s,{"data-accent-color":l,...a,ref:t,className:n},o)}));_e.displayName="Text";var Ie=I(require("react")),qe=e=>{if(!Ie.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${Ie.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var Et=I(require("react")),Dt=!1;function wt(){Et.useEffect(()=>{if(typeof document>"u"||Dt)return;Dt=!0;let e=()=>{let n=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),d=!!document.querySelector('[data-radix-popper-content-wrapper], [data-state="open"]');return n||d},t=()=>{document.body.style.pointerEvents==="none"&&(console.log("[KookieUI] Force cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="",document.body.removeAttribute("data-scroll-locked"),document.body.removeAttribute("data-remove-scroll"),document.body.classList.remove("ReactModal__Body--open"))},o=()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Safe cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},p=n=>{let d=n.target;d&&!d.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&setTimeout(t,100)},r=n=>{n.key==="Escape"&&setTimeout(t,200)},s=()=>{setTimeout(o,50)};document.addEventListener("click",p,!0),document.addEventListener("keydown",r,!0),document.addEventListener("pointerup",s,!0),document.addEventListener("transitionend",s,!0),document.addEventListener("animationend",s,!0),new MutationObserver(()=>{setTimeout(o,0)}).observe(document.body,{childList:!0,subtree:!0,attributes:!0});let a=setInterval(()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Periodic cleanup of stuck pointer-events"),document.body.style.pointerEvents="")},1e3);return setTimeout(o,100),()=>{clearInterval(a)}},[])}var Ye=e=>y.createElement(ee.Dialog.Root,{...e,modal:!0});Ye.displayName="Sheet.Root";var Eo=y.forwardRef(({children:e,...t},o)=>y.createElement(ee.Dialog.Trigger,{...t,ref:o,asChild:!0},qe(e)));Eo.displayName="Sheet.Trigger";var Xe=y.forwardRef((e,t)=>{let{side:o="start",forceMount:p,container:r,className:s,panelBackground:l,material:a,...n}=e,g={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[o],{align:H,panelBackground:D,material:N,...M}=ft,{panelBackground:z,material:Y}=ie({panelBackground:l,material:a},{panelBackground:D,material:N}),j=y.useMemo(()=>Y??z,[Y,z]),{default:$,...W}=M.maxWidth,F={...M,maxWidth:W},{className:U,...O}=ie(n,F),X=y.useRef(null),G=y.useMemo(()=>T=>{X.current=T,typeof t=="function"?t(T):t&&(t.current=T)},[t]);return wt(),y.useEffect(()=>{if(typeof window>"u")return;let T=X.current;if(!T)return;let m=T.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(m.length===0)return;let P=m[0],h=m[m.length-1],_=K=>{K.key==="Tab"&&(K.shiftKey?document.activeElement===P&&(K.preventDefault(),h.focus()):document.activeElement===h&&(K.preventDefault(),P.focus()))};return T.addEventListener("keydown",_),P.focus(),()=>{T.removeEventListener("keydown",_)}},[]),y.createElement(ee.Dialog.Portal,{container:r,forceMount:p},y.createElement(je,{asChild:!0},y.createElement(ee.Dialog.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},y.createElement(ee.Dialog.Content,{...O,ref:G,className:(0,Mt.default)("rt-BaseDialogContent","rt-SheetContent",s,U),"data-side":g,"data-material":j,"data-panel-background":j,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});Xe.displayName="Sheet.Content";var Je=y.forwardRef(({size:e="4",weight:t="medium",...o},p)=>y.createElement(ee.Dialog.Title,{asChild:!0},y.createElement(Ue,{ref:p,size:e,weight:t,...o})));Je.displayName="Sheet.Title";var wo=y.forwardRef(({size:e="2",color:t="gray",...o},p)=>y.createElement(ee.Dialog.Description,{asChild:!0},y.createElement(_e,{ref:p,size:e,color:t,...o})));wo.displayName="Sheet.Description";var Mo=y.forwardRef(({children:e,...t},o)=>y.createElement(ee.Dialog.Close,{...t,ref:o,asChild:!0},qe(e)));Mo.displayName="Sheet.Close";var Qe=require("radix-ui"),kt=Qe.VisuallyHidden.Root,ur=Qe.VisuallyHidden.Root;var C=I(require("react")),No=C.createContext(null);function Ze(){let e=C.useContext(No);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}var fr=C.createContext(null);var Pr=C.createContext(null);var yr=C.createContext(null);var zo=C.createContext(null);function Nt(){let e=C.useContext(zo);if(!e)throw new Error("useInspectorMode must be used within Shell.Root");return e}var gr=C.createContext(null);var Io=C.createContext(null);function zt(){let e=C.useContext(Io);if(!e)throw new Error("usePresentation must be used within Shell.Root");return e}var Bo=C.createContext(null);function It(){let e=C.useContext(Bo);if(!e)throw new Error("usePeek must be used within Shell.Root");return e}var Lo=C.createContext(null);function Bt(){let e=C.useContext(Lo);if(!e)throw new Error("useShellActions must be used within Shell.Root");return e}var hr=C.createContext(null);var Ho=C.createContext(null);function Lt(){let e=C.useContext(Ho);if(!e)throw new Error("useInset must be used within Shell.Root");return e}var te=I(require("react"));var et={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};function Ot(e){let{currentBreakpoint:t}=Ze();return te.useMemo(()=>{if(typeof e=="string")return e;if(e[t])return e[t];let p=[...Object.keys(et)].reverse().concat("initial"),r=p.indexOf(t);for(let s=r+1;s<p.length;s++){let l=p[s];if(e[l])return e[l]}return"fixed"},[e,t])}function Ht(e){let{currentBreakpoint:t}=Ze();return te.useMemo(()=>{if(e==null)return;if(typeof e!="object")return e;let o=e;if(o[t]!==void 0)return o[t];let r=[...Object.keys(et)].reverse().concat("initial"),s=r.indexOf(t);for(let l=s+1;l<r.length;l++){let a=r[l];if(o[a]!==void 0)return o[a]}},[e,t])}function Vt({controlledValue:e,defaultValue:t,currentValue:o,setValue:p,breakpointReady:r,onInit:s,onResponsiveChange:l,controlledIsResponsive:a=!1}){let n=Ht(e),d=Ht(t),g=te.useRef(void 0);te.useEffect(()=>{if(n!==void 0){if(g.current=n,o===n){a&&l?.(n);return}p(n),a&&l?.(n)}},[n,o,p,l,a]);let H=te.useRef(!1);return te.useEffect(()=>{H.current||r&&(typeof e<"u"||d!==void 0&&(H.current=!0,o!==d&&p(d),s?.(d)))},[r,e,d,o,p,s]),{resolvedControlled:n,resolvedDefault:d}}var Be=I(require("react")),tt=Be.createContext(null);function At(){let e=Be.useContext(tt);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var L=I(require("react")),jt=I(require("classnames"));var de=L.forwardRef(({className:e,children:t,...o},p)=>{let{containerRef:r,cssVarName:s,minSize:l,maxSize:a,defaultSize:n,orientation:d,edge:g,computeNext:H,onResize:D,onResizeStart:N,onResizeEnd:M,snapPoints:z,snapTolerance:Y,collapseThreshold:j,collapsible:$,target:W,requestCollapse:F,requestToggle:U}=At(),O=L.useRef(null);L.useEffect(()=>()=>{try{O.current?.()}catch{}O.current=null},[]);let X=d,T=`Resize ${W.charAt(0).toUpperCase()+W.slice(1)} pane`;return L.createElement("div",{...o,ref:p,className:(0,jt.default)("rt-ShellResizer",e),"data-orientation":d,"data-edge":g,role:"slider","aria-label":T,"aria-orientation":X,"aria-valuemin":l,"aria-valuemax":a,"aria-valuenow":n,tabIndex:0,onPointerDown:m=>{if(!r.current)return;m.preventDefault();let P=r.current,h=m.currentTarget,_=m.pointerId;try{O.current?.()}catch{}P.setAttribute("data-resizing","");try{h.setPointerCapture(_)}catch{}let K=d==="vertical"?m.clientX:m.clientY,b=parseFloat(getComputedStyle(P).getPropertyValue(s)||`${n}`),q=A=>Math.min(Math.max(A,l),a),v=document.body,S=v.style.cursor,J=v.style.userSelect;v.style.cursor=d==="vertical"?"col-resize":"row-resize",v.style.userSelect="none",N?.(b);let V=A=>{let k=d==="vertical"?A.clientX:A.clientY,oe=q(H(k,K,b));P.style.setProperty(s,`${oe}px`),h.setAttribute("aria-valuenow",String(oe)),D?.(oe)},Q=()=>{try{h.releasePointerCapture(_)}catch{}window.removeEventListener("pointermove",V),document.removeEventListener("pointermove",V),window.removeEventListener("mousemove",V),document.removeEventListener("mousemove",V),h.removeEventListener("pointermove",V),window.removeEventListener("pointerup",E),document.removeEventListener("pointerup",E),window.removeEventListener("mouseup",E),document.removeEventListener("mouseup",E),window.removeEventListener("pointercancel",E),document.removeEventListener("pointercancel",E),window.removeEventListener("keydown",re),h.removeEventListener("lostpointercapture",E),P.removeAttribute("data-resizing"),v.style.cursor=S,v.style.userSelect=J,O.current=null},E=()=>{let A=parseFloat(getComputedStyle(P).getPropertyValue(s)||`${n}`),k=A;if(z&&z.length){let oe=z.reduce((me,fe)=>Math.abs(fe-A)<Math.abs(me-A)?fe:me,z[0]);Math.abs(oe-A)<=(Y??8)&&(k=oe,P.style.setProperty(s,`${k}px`),h.setAttribute("aria-valuenow",String(k)),D?.(k))}$&&typeof j=="number"&&A<=j&&F?.(),M?.(k),Q()},re=A=>{A.key==="Escape"&&(P.style.setProperty(s,`${b}px`),h.setAttribute("aria-valuenow",String(b)),M?.(b),Q())};window.addEventListener("pointermove",V),document.addEventListener("pointermove",V),window.addEventListener("mousemove",V),document.addEventListener("mousemove",V),h.addEventListener("pointermove",V),window.addEventListener("pointerup",E),document.addEventListener("pointerup",E),window.addEventListener("mouseup",E),document.addEventListener("mouseup",E),window.addEventListener("pointercancel",E),document.addEventListener("pointercancel",E),window.addEventListener("keydown",re),h.addEventListener("lostpointercapture",E),O.current=Q},onDoubleClick:()=>{$&&U?.()},onKeyDown:m=>{if(!r.current)return;let P=r.current,h=getComputedStyle(P).getPropertyValue(s),_=Number.parseFloat(h.trim()),K=Number.isFinite(_)?_:n,b=S=>Math.min(Math.max(S,l),a),q=m.shiftKey?32:8,v=0;if(d==="vertical"){let S=typeof document<"u"?document.dir:void 0,J=getComputedStyle(P).direction,V=!!(P.closest&&P.closest('[dir="rtl"]')),Q=S==="rtl"||J==="rtl"||V;m.key==="ArrowRight"?v=Q?-q:q:m.key==="ArrowLeft"&&(v=Q?q:-q)}else m.key==="ArrowDown"?v=q:m.key==="ArrowUp"&&(v=-q);if(m.key==="Home"){m.preventDefault(),N?.(K);let S=b(l);P.style.setProperty(s,`${S}px`),m.currentTarget.setAttribute("aria-valuenow",String(S)),D?.(S),M?.(S);return}if(m.key==="End"){m.preventDefault(),N?.(K);let S=b(a);P.style.setProperty(s,`${S}px`),m.currentTarget.setAttribute("aria-valuenow",String(S)),D?.(S),M?.(S);return}if(v!==0){m.preventDefault(),N?.(K);let S=d==="vertical"&&g==="start"?-v:v,J=b(K+S);P.style.setProperty(s,`${J}px`),m.currentTarget.setAttribute("aria-valuenow",String(J)),D?.(J),M?.(J)}}},t)});de.displayName="Shell.Handle";var Oo=L.forwardRef((e,t)=>L.createElement(de,{...e,ref:t}));Oo.displayName="Shell.Panel.Handle";var Vo=L.forwardRef((e,t)=>L.createElement(de,{...e,ref:t}));Vo.displayName="Shell.Sidebar.Handle";var ge=L.forwardRef((e,t)=>L.createElement(de,{...e,ref:t}));ge.displayName="Shell.Inspector.Handle";var Ao=L.forwardRef((e,t)=>L.createElement(de,{...e,ref:t}));Ao.displayName="Shell.Bottom.Handle";function jo(e,t){let o=new Set(t),p={};return Object.keys(e).forEach(r=>{o.has(r)||(p[r]=e[r])}),p}var Wt=["presentation","expandedSize","minSize","maxSize","resizable","collapsible","onExpand","onCollapse","onResize","resizer","onResizeStart","onResizeEnd","snapPoints","snapTolerance","collapseThreshold","paneId","persistence"];function Ft(e,t){let o=t?[...Wt,...t]:[...Wt];return jo(e,o)}function ot(e){if(e!=null){if(typeof e=="object"){let t={};return Object.entries(e).forEach(([o,p])=>{typeof p=="boolean"&&(t[o]=p?"expanded":"collapsed")}),t}return e?"expanded":"collapsed"}}function Gt(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let o=String(e).trim();if(!o)return;if(o.endsWith("px"))return Number.parseFloat(o);if(o.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(o)*r}if(o.endsWith("%")){let r=Number.parseFloat(o),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*s}let p=Number.parseFloat(o);return Number.isFinite(p)?p:void 0}var Wo=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],nt=c.forwardRef((e,t)=>{let{className:o,presentation:p={initial:"overlay",lg:"fixed"},defaultOpen:r,open:s,onOpenChange:l,expandedSize:a=320,minSize:n=200,maxSize:d=500,resizable:g=!1,collapsible:H=!0,onExpand:D,onCollapse:N,onResize:M,onResizeStart:z,onResizeEnd:Y,snapPoints:j,snapTolerance:$,collapseThreshold:W,paneId:F,persistence:U,children:O,style:X,onSizeChange:G,sizeUpdate:T,sizeUpdateMs:m=50,size:P,defaultSize:h,inset:_}=e,K=Ft(e,Wo),{inspectorMode:b,setInspectorMode:q}=Nt(),{currentBreakpointReady:v}=zt(),{peekTarget:S}=It(),{togglePane:J}=Bt(),{registerInset:V,unregisterInset:Q}=Lt();c.useEffect(()=>{if(_)return V("inspector"),()=>Q("inspector")},[_,V,Q]);let E=Ot(p),re=E==="overlay",A=E==="stacked",k=c.useRef(null),oe=c.useCallback(i=>{k.current=i,typeof t=="function"?t(i):t&&(t.current=i)},[t]),me=c.Children.toArray(O),fe=me.filter(i=>c.isValidElement(i)&&i.type===ge),rt=me.filter(i=>!(c.isValidElement(i)&&i.type===ge)),$t=c.useMemo(()=>ot(s),[s]),Ut=c.useMemo(()=>ot(r),[r]),_t=typeof s=="object"&&s!==null,{resolvedControlled:Pe}=Vt({controlledValue:$t,defaultValue:Ut,currentValue:b,setValue:q,breakpointReady:v,controlledIsResponsive:_t,onResponsiveChange:i=>l?.(i==="expanded",{reason:"responsive"}),onInit:i=>{typeof s>"u"&&l?.(i==="expanded",{reason:"init"})}}),se=c.useRef(null);c.useEffect(()=>()=>{se.current&&(clearTimeout(se.current),se.current=null)},[G,T,m]);let he=c.useMemo(()=>{let i=G,x=T,w=m??50;if(!i)return()=>{};if(x==="debounce")return(R,Z)=>{se.current&&clearTimeout(se.current),se.current=setTimeout(()=>{i(R,Z),se.current=null},w)};if(x==="throttle"){let R=0;return(Z,ct)=>{let dt=Date.now();dt-R>=w&&(R=dt,i(Z,ct))}}return(R,Z)=>i(R,Z)},[G,T,m]),ve=c.useRef(null);c.useEffect(()=>{let i=typeof s<"u";if(ve.current===null){ve.current=i;return}ve.current!==i&&(console.warn("Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported."),ve.current=i)},[s]);let st=c.useRef(null),at=c.useRef(void 0);c.useEffect(()=>{let i=st.current,x=at.current;if(i!==null&&i!==b){let w=b==="expanded";typeof s<"u"&&x!==Pe&&(Pe===void 0?void 0:Pe==="expanded")===w||l?.(w,{reason:"toggle"})}st.current=b,at.current=Pe},[b,s,l,Pe]);let it=c.useRef(D),pt=c.useRef(N);c.useLayoutEffect(()=>{it.current=D,pt.current=N});let Re=c.useRef(null),lt=c.useRef(!1);c.useEffect(()=>{let i=b;if(!v){Re.current=i;return}if(!lt.current){lt.current=!0,Re.current=i;return}let x=Re.current;x!==null&&x!==i&&(i==="expanded"?it.current?.():i==="collapsed"&&pt.current?.(),Re.current=i)},[b,v]);let Le=b==="expanded",be=c.useMemo(()=>{if(!F||U)return U;let i=`kookie-ui:shell:inspector:${F}`;return{load:()=>{if(!(typeof window>"u"))try{let w=window.localStorage.getItem(i);return w?Number(w):void 0}catch{return}},save:w=>{if(!(typeof window>"u"))try{window.localStorage.setItem(i,String(w))}catch{}}}},[F,U]);c.useEffect(()=>{let i=!0;if(!g||!be?.load||re)return;let x=be.load(),w=R=>{!i||typeof R!="number"||!k.current||(k.current.style.setProperty("--inspector-size",`${R}px`),M?.(R))};return x instanceof Promise?x.then(w).catch(R=>{}):w(x),()=>{i=!1}},[g,be,M,re]);let qt=g&&!re&&Le?c.createElement(tt.Provider,{value:{containerRef:k,cssVarName:"--inspector-size",minSize:n,maxSize:d,defaultSize:a,orientation:"vertical",edge:"start",computeNext:(i,x,w)=>{let R=getComputedStyle(k.current).direction==="rtl",Z=i-x;return w+(R?Z:-Z)},onResize:M,onResizeStart:z,onResizeEnd:i=>{Y?.(i),he(i,{reason:"resize"}),be?.save?.(i)},target:"inspector",collapsible:H,snapPoints:j,snapTolerance:$??8,collapseThreshold:W,requestCollapse:()=>q("collapsed"),requestToggle:()=>J("inspector")}},fe.length>0?fe.map((i,x)=>c.cloneElement(i,{key:i.key??x})):c.createElement(de,null)):null,He=c.useCallback(i=>Gt(i,"horizontal"),[]);c.useEffect(()=>{if(k.current&&typeof P>"u"&&typeof h<"u"){let i=He(h);if(typeof i=="number"&&Number.isFinite(i)){let R=Math.min((typeof d=="number"?d:void 0)??i,Math.max((typeof n=="number"?n:void 0)??i,i));k.current.style.setProperty("--inspector-size",`${R}px`),he(R,{reason:"init"})}}},[]);let Oe=P;return c.useEffect(()=>{if(!k.current||typeof Oe>"u")return;let i=He(Oe);if(typeof i=="number"&&Number.isFinite(i)){let R=Math.min((typeof d=="number"?d:void 0)??i,Math.max((typeof n=="number"?n:void 0)??i,i));k.current.style.setProperty("--inspector-size",`${R}px`),he(R,{reason:"controlled"})}},[Oe,n,d,He,he]),re?c.createElement(Ye,{open:b==="expanded",onOpenChange:x=>q(x?"expanded":"collapsed")},c.createElement(Xe,{side:"end",style:{padding:0},width:{initial:`${a}px`}},c.createElement(kt,null,c.createElement(Je,null,"Inspector")),rt)):c.createElement("div",{...K,ref:oe,className:(0,Kt.default)("rt-ShellInspector",o),"data-mode":b,"data-peek":S==="inspector"||void 0,"data-presentation":v?E:void 0,"data-open":v&&A&&Le||void 0,"data-inset":_||void 0,style:{...X,"--inspector-size":`${a}px`,"--inspector-min-size":`${n}px`,"--inspector-max-size":`${d}px`}},c.createElement("div",{className:"rt-ShellInspectorContent","data-visible":Le||void 0},rt),qt)});nt.displayName="Shell.Inspector";nt.Handle=ge;
|
|
2
2
|
//# sourceMappingURL=shell-inspector.js.map
|