@shuriken-ui/tailwind 3.0.0 → 3.0.2
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/dist/index.d.cts +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/plugins/index.cjs +472 -278
- package/dist/plugins/index.d.cts +6 -1
- package/dist/plugins/index.d.mts +6 -1
- package/dist/plugins/index.d.ts +6 -1
- package/dist/plugins/index.mjs +472 -279
- package/dist/preset.d.cts +1 -1
- package/dist/preset.d.mts +1 -1
- package/dist/preset.d.ts +1 -1
- package/dist/shared/{tailwind.a9f50d73.d.cts → tailwind.5bb8e37e.d.cts} +880 -145
- package/dist/shared/{tailwind.a9f50d73.d.mts → tailwind.5bb8e37e.d.mts} +880 -145
- package/dist/shared/{tailwind.a9f50d73.d.ts → tailwind.5bb8e37e.d.ts} +880 -145
- package/package.json +9 -11
package/dist/plugins/index.cjs
CHANGED
@@ -21,8 +21,8 @@ function mergePlugins(plugins) {
|
|
21
21
|
return plugin__default((api) => plugins.map((plugin2) => plugin2.handler(api)), config);
|
22
22
|
}
|
23
23
|
|
24
|
-
const key$
|
25
|
-
const defaultConfig$
|
24
|
+
const key$T = "accordion";
|
25
|
+
const defaultConfig$S = {
|
26
26
|
wrapper: {
|
27
27
|
width: "full",
|
28
28
|
rounded: {
|
@@ -239,15 +239,15 @@ const defaultConfig$R = {
|
|
239
239
|
}
|
240
240
|
};
|
241
241
|
|
242
|
-
const config$
|
242
|
+
const config$T = {
|
243
243
|
theme: {
|
244
244
|
nui: {
|
245
|
-
[key$
|
245
|
+
[key$T]: defaultConfig$S
|
246
246
|
}
|
247
247
|
}
|
248
248
|
};
|
249
249
|
const accordion = plugin__default(({ addComponents, theme }) => {
|
250
|
-
const config2 = theme(`nui.${key$
|
250
|
+
const config2 = theme(`nui.${key$T}`);
|
251
251
|
addComponents({
|
252
252
|
//Accordion:wrapper
|
253
253
|
".nui-accordion": {
|
@@ -464,10 +464,10 @@ const accordion = plugin__default(({ addComponents, theme }) => {
|
|
464
464
|
}
|
465
465
|
}
|
466
466
|
});
|
467
|
-
}, config$
|
467
|
+
}, config$T);
|
468
468
|
|
469
|
-
const key$
|
470
|
-
const defaultConfig$
|
469
|
+
const key$S = "autocomplete";
|
470
|
+
const defaultConfig$R = {
|
471
471
|
rounded: {
|
472
472
|
none: "none",
|
473
473
|
sm: "md",
|
@@ -955,15 +955,15 @@ const defaultConfig$Q = {
|
|
955
955
|
}
|
956
956
|
};
|
957
957
|
|
958
|
-
const config$
|
958
|
+
const config$S = {
|
959
959
|
theme: {
|
960
960
|
nui: {
|
961
|
-
[key$
|
961
|
+
[key$S]: defaultConfig$R
|
962
962
|
}
|
963
963
|
}
|
964
964
|
};
|
965
965
|
const autocomplete = plugin__default(({ addComponents, theme }) => {
|
966
|
-
const config2 = theme(`nui.${key$
|
966
|
+
const config2 = theme(`nui.${key$S}`);
|
967
967
|
addComponents({
|
968
968
|
".nui-autocomplete": {
|
969
969
|
"@apply w-full relative": {},
|
@@ -1057,15 +1057,6 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
|
|
1057
1057
|
"@apply h-3 w-full max-w-[75%] rounded": {}
|
1058
1058
|
}
|
1059
1059
|
},
|
1060
|
-
//Autocomplete:error
|
1061
|
-
".nui-autocomplete-error-text": {
|
1062
|
-
//Base
|
1063
|
-
"@apply mt-1 block leading-none": {},
|
1064
|
-
//Error text font
|
1065
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight}`]: {},
|
1066
|
-
//Error text color
|
1067
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
1068
|
-
},
|
1069
1060
|
//Autocomplete:results
|
1070
1061
|
".nui-autocomplete-results": {
|
1071
1062
|
"@apply nui-slimscroll absolute z-20 mt-1 max-h-[265px] w-full overflow-auto py-1 outline-none sm:text-sm": {},
|
@@ -1469,10 +1460,10 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
|
|
1469
1460
|
}
|
1470
1461
|
}
|
1471
1462
|
});
|
1472
|
-
}, config$
|
1463
|
+
}, config$S);
|
1473
1464
|
|
1474
|
-
const key$
|
1475
|
-
const defaultConfig$
|
1465
|
+
const key$R = "avatar";
|
1466
|
+
const defaultConfig$Q = {
|
1476
1467
|
inner: {
|
1477
1468
|
size: "full",
|
1478
1469
|
transition: {
|
@@ -1821,15 +1812,15 @@ const defaultConfig$P = {
|
|
1821
1812
|
}
|
1822
1813
|
};
|
1823
1814
|
|
1824
|
-
const config$
|
1815
|
+
const config$R = {
|
1825
1816
|
theme: {
|
1826
1817
|
nui: {
|
1827
|
-
[key$
|
1818
|
+
[key$R]: defaultConfig$Q
|
1828
1819
|
}
|
1829
1820
|
}
|
1830
1821
|
};
|
1831
1822
|
const avatar = plugin__default(({ addComponents, theme }) => {
|
1832
|
-
const config2 = theme(`nui.${key$
|
1823
|
+
const config2 = theme(`nui.${key$R}`);
|
1833
1824
|
addComponents({
|
1834
1825
|
".nui-avatar": {
|
1835
1826
|
//Avatar:wrapper
|
@@ -2594,10 +2585,10 @@ const avatar = plugin__default(({ addComponents, theme }) => {
|
|
2594
2585
|
}
|
2595
2586
|
}
|
2596
2587
|
});
|
2597
|
-
}, config$
|
2588
|
+
}, config$R);
|
2598
2589
|
|
2599
|
-
const key$
|
2600
|
-
const defaultConfig$
|
2590
|
+
const key$Q = "avatarGroup";
|
2591
|
+
const defaultConfig$P = {
|
2601
2592
|
avatar: {
|
2602
2593
|
rounded: "full",
|
2603
2594
|
outer: {
|
@@ -2717,15 +2708,15 @@ const defaultConfig$O = {
|
|
2717
2708
|
}
|
2718
2709
|
};
|
2719
2710
|
|
2720
|
-
const config$
|
2711
|
+
const config$Q = {
|
2721
2712
|
theme: {
|
2722
2713
|
nui: {
|
2723
|
-
[key$
|
2714
|
+
[key$Q]: defaultConfig$P
|
2724
2715
|
}
|
2725
2716
|
}
|
2726
2717
|
};
|
2727
2718
|
const avatarGroup = plugin__default(({ addComponents, theme }) => {
|
2728
|
-
const config2 = theme(`nui.${key$
|
2719
|
+
const config2 = theme(`nui.${key$Q}`);
|
2729
2720
|
addComponents({
|
2730
2721
|
".nui-avatar-group": {
|
2731
2722
|
"@apply flex": {},
|
@@ -2869,10 +2860,10 @@ const avatarGroup = plugin__default(({ addComponents, theme }) => {
|
|
2869
2860
|
}
|
2870
2861
|
}
|
2871
2862
|
});
|
2872
|
-
}, config$
|
2863
|
+
}, config$Q);
|
2873
2864
|
|
2874
|
-
const key$
|
2875
|
-
const defaultConfig$
|
2865
|
+
const key$P = "breadcrumb";
|
2866
|
+
const defaultConfig$O = {
|
2876
2867
|
item: {
|
2877
2868
|
text: {
|
2878
2869
|
font: {
|
@@ -2938,15 +2929,15 @@ const defaultConfig$N = {
|
|
2938
2929
|
}
|
2939
2930
|
};
|
2940
2931
|
|
2941
|
-
const config$
|
2932
|
+
const config$P = {
|
2942
2933
|
theme: {
|
2943
2934
|
nui: {
|
2944
|
-
[key$
|
2935
|
+
[key$P]: defaultConfig$O
|
2945
2936
|
}
|
2946
2937
|
}
|
2947
2938
|
};
|
2948
2939
|
const breadcrumb = plugin__default(({ addComponents, theme }) => {
|
2949
|
-
const config2 = theme(`nui.${key$
|
2940
|
+
const config2 = theme(`nui.${key$P}`);
|
2950
2941
|
addComponents({
|
2951
2942
|
".nui-breadcrumb": {
|
2952
2943
|
".nui-breadcrumb-list": {
|
@@ -3011,10 +3002,10 @@ const breadcrumb = plugin__default(({ addComponents, theme }) => {
|
|
3011
3002
|
}
|
3012
3003
|
}
|
3013
3004
|
});
|
3014
|
-
}, config$
|
3005
|
+
}, config$P);
|
3015
3006
|
|
3016
|
-
const key$
|
3017
|
-
const defaultConfig$
|
3007
|
+
const key$O = "buttonAction";
|
3008
|
+
const defaultConfig$N = {
|
3018
3009
|
rounded: {
|
3019
3010
|
none: "none",
|
3020
3011
|
sm: "md",
|
@@ -3349,15 +3340,15 @@ const defaultConfig$M = {
|
|
3349
3340
|
}
|
3350
3341
|
};
|
3351
3342
|
|
3352
|
-
const config$
|
3343
|
+
const config$O = {
|
3353
3344
|
theme: {
|
3354
3345
|
nui: {
|
3355
|
-
[key$
|
3346
|
+
[key$O]: defaultConfig$N
|
3356
3347
|
}
|
3357
3348
|
}
|
3358
3349
|
};
|
3359
3350
|
const buttonAction = plugin__default(({ addComponents, theme }) => {
|
3360
|
-
const config2 = theme(`nui.${key$
|
3351
|
+
const config2 = theme(`nui.${key$O}`);
|
3361
3352
|
addComponents({
|
3362
3353
|
".nui-button-action": {
|
3363
3354
|
//Wrapper
|
@@ -3546,10 +3537,10 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
3546
3537
|
}
|
3547
3538
|
}
|
3548
3539
|
});
|
3549
|
-
}, config$
|
3540
|
+
}, config$O);
|
3550
3541
|
|
3551
|
-
const key$
|
3552
|
-
const defaultConfig$
|
3542
|
+
const key$N = "buttonClose";
|
3543
|
+
const defaultConfig$M = {
|
3553
3544
|
size: {
|
3554
3545
|
xs: {
|
3555
3546
|
outer: "6",
|
@@ -3585,6 +3576,14 @@ const defaultConfig$L = {
|
|
3585
3576
|
hover: {
|
3586
3577
|
light: "muted-100",
|
3587
3578
|
dark: "muted-700"
|
3579
|
+
},
|
3580
|
+
focus: {
|
3581
|
+
light: "muted-100",
|
3582
|
+
dark: "muted-700"
|
3583
|
+
},
|
3584
|
+
active: {
|
3585
|
+
light: "transparent",
|
3586
|
+
dark: "transparent"
|
3588
3587
|
}
|
3589
3588
|
},
|
3590
3589
|
font: {
|
@@ -3603,6 +3602,14 @@ const defaultConfig$L = {
|
|
3603
3602
|
hover: {
|
3604
3603
|
light: "muted-100",
|
3605
3604
|
dark: "muted-900"
|
3605
|
+
},
|
3606
|
+
focus: {
|
3607
|
+
light: "muted-100",
|
3608
|
+
dark: "muted-900"
|
3609
|
+
},
|
3610
|
+
active: {
|
3611
|
+
light: "transparent",
|
3612
|
+
dark: "transparent"
|
3606
3613
|
}
|
3607
3614
|
},
|
3608
3615
|
font: {
|
@@ -3621,6 +3628,14 @@ const defaultConfig$L = {
|
|
3621
3628
|
hover: {
|
3622
3629
|
light: "muted-50",
|
3623
3630
|
dark: "muted-600"
|
3631
|
+
},
|
3632
|
+
focus: {
|
3633
|
+
light: "muted-50",
|
3634
|
+
dark: "muted-600"
|
3635
|
+
},
|
3636
|
+
active: {
|
3637
|
+
light: "muted-100",
|
3638
|
+
dark: "muted-700"
|
3624
3639
|
}
|
3625
3640
|
},
|
3626
3641
|
font: {
|
@@ -3639,6 +3654,14 @@ const defaultConfig$L = {
|
|
3639
3654
|
hover: {
|
3640
3655
|
light: "muted-50",
|
3641
3656
|
dark: "muted-900"
|
3657
|
+
},
|
3658
|
+
focus: {
|
3659
|
+
light: "muted-50",
|
3660
|
+
dark: "muted-900"
|
3661
|
+
},
|
3662
|
+
active: {
|
3663
|
+
light: "muted-100",
|
3664
|
+
dark: "muted-950"
|
3642
3665
|
}
|
3643
3666
|
},
|
3644
3667
|
font: {
|
@@ -3657,6 +3680,14 @@ const defaultConfig$L = {
|
|
3657
3680
|
hover: {
|
3658
3681
|
light: "primary-500/20",
|
3659
3682
|
dark: "primary-500/20"
|
3683
|
+
},
|
3684
|
+
focus: {
|
3685
|
+
light: "primary-500/20",
|
3686
|
+
dark: "primary-500/20"
|
3687
|
+
},
|
3688
|
+
active: {
|
3689
|
+
light: "primary-500/10",
|
3690
|
+
dark: "primary-500/10"
|
3660
3691
|
}
|
3661
3692
|
},
|
3662
3693
|
font: {
|
@@ -3675,6 +3706,14 @@ const defaultConfig$L = {
|
|
3675
3706
|
hover: {
|
3676
3707
|
light: "info-500/20",
|
3677
3708
|
dark: "info-500/20"
|
3709
|
+
},
|
3710
|
+
focus: {
|
3711
|
+
light: "info-500/20",
|
3712
|
+
dark: "info-500/20"
|
3713
|
+
},
|
3714
|
+
active: {
|
3715
|
+
light: "info-500/10",
|
3716
|
+
dark: "info-500/10"
|
3678
3717
|
}
|
3679
3718
|
},
|
3680
3719
|
font: {
|
@@ -3693,6 +3732,14 @@ const defaultConfig$L = {
|
|
3693
3732
|
hover: {
|
3694
3733
|
light: "success-500/20",
|
3695
3734
|
dark: "success-500/20"
|
3735
|
+
},
|
3736
|
+
focus: {
|
3737
|
+
light: "success-500/20",
|
3738
|
+
dark: "success-500/20"
|
3739
|
+
},
|
3740
|
+
active: {
|
3741
|
+
light: "success-500/10",
|
3742
|
+
dark: "success-500/10"
|
3696
3743
|
}
|
3697
3744
|
},
|
3698
3745
|
font: {
|
@@ -3711,6 +3758,14 @@ const defaultConfig$L = {
|
|
3711
3758
|
hover: {
|
3712
3759
|
light: "warning-500/20",
|
3713
3760
|
dark: "warning-500/20"
|
3761
|
+
},
|
3762
|
+
focus: {
|
3763
|
+
light: "warning-500/20",
|
3764
|
+
dark: "warning-500/20"
|
3765
|
+
},
|
3766
|
+
active: {
|
3767
|
+
light: "warning-500/10",
|
3768
|
+
dark: "warning-500/10"
|
3714
3769
|
}
|
3715
3770
|
},
|
3716
3771
|
font: {
|
@@ -3729,6 +3784,14 @@ const defaultConfig$L = {
|
|
3729
3784
|
hover: {
|
3730
3785
|
light: "danger-500/20",
|
3731
3786
|
dark: "danger-500/20"
|
3787
|
+
},
|
3788
|
+
focus: {
|
3789
|
+
light: "danger-500/20",
|
3790
|
+
dark: "danger-500/20"
|
3791
|
+
},
|
3792
|
+
active: {
|
3793
|
+
light: "danger-500/10",
|
3794
|
+
dark: "danger-500/10"
|
3732
3795
|
}
|
3733
3796
|
},
|
3734
3797
|
font: {
|
@@ -3745,15 +3808,15 @@ const defaultConfig$L = {
|
|
3745
3808
|
}
|
3746
3809
|
};
|
3747
3810
|
|
3748
|
-
const config$
|
3811
|
+
const config$N = {
|
3749
3812
|
theme: {
|
3750
3813
|
nui: {
|
3751
|
-
[key$
|
3814
|
+
[key$N]: defaultConfig$M
|
3752
3815
|
}
|
3753
3816
|
}
|
3754
3817
|
};
|
3755
3818
|
const buttonClose = plugin__default(({ addComponents, theme }) => {
|
3756
|
-
const config2 = theme(`nui.${key$
|
3819
|
+
const config2 = theme(`nui.${key$N}`);
|
3757
3820
|
addComponents({
|
3758
3821
|
".nui-button-close": {
|
3759
3822
|
"@apply nui-focus flex items-center justify-center disabled:opacity-30 cursor-pointer": {},
|
@@ -3813,7 +3876,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3813
3876
|
//Background
|
3814
3877
|
[`@apply bg-${config2.color.default.background.base.light} dark:bg-${config2.color.default.background.base.dark}`]: {},
|
3815
3878
|
//Background hover
|
3816
|
-
[`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {}
|
3879
|
+
[`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {},
|
3880
|
+
//Background focus
|
3881
|
+
[`@apply focus-visible:bg-${config2.color.default.background.focus.light} dark:focus-visible:bg-${config2.color.default.background.focus.dark}`]: {},
|
3882
|
+
//Background active
|
3883
|
+
[`@apply active:enabled:bg-${config2.color.default.background.active.light} dark:active:enabled:bg-${config2.color.default.background.active.dark}`]: {}
|
3817
3884
|
},
|
3818
3885
|
//Color:default-contrast
|
3819
3886
|
"&.nui-button-default-contrast": {
|
@@ -3821,7 +3888,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3821
3888
|
//Background
|
3822
3889
|
[`@apply bg-${config2.color.defaultContrast.background.base.light} dark:bg-${config2.color.defaultContrast.background.base.dark}`]: {},
|
3823
3890
|
//Background hover
|
3824
|
-
[`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {}
|
3891
|
+
[`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {},
|
3892
|
+
//Background focus
|
3893
|
+
[`@apply focus-visible:bg-${config2.color.defaultContrast.background.focus.light} dark:focus-visible:bg-${config2.color.defaultContrast.background.focus.dark}`]: {},
|
3894
|
+
//Background active
|
3895
|
+
[`@apply active:enabled:bg-${config2.color.defaultContrast.background.active.light} dark:active:enabled:bg-${config2.color.defaultContrast.background.active.dark}`]: {}
|
3825
3896
|
},
|
3826
3897
|
//Color:muted
|
3827
3898
|
"&.nui-button-muted": {
|
@@ -3829,7 +3900,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3829
3900
|
//Background
|
3830
3901
|
[`@apply bg-${config2.color.muted.background.base.light} dark:bg-${config2.color.muted.background.base.dark}`]: {},
|
3831
3902
|
//Background hover
|
3832
|
-
[`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {}
|
3903
|
+
[`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {},
|
3904
|
+
//Background focus
|
3905
|
+
[`@apply focus-visible:bg-${config2.color.muted.background.focus.light} dark:focus-visible:bg-${config2.color.muted.background.focus.dark}`]: {},
|
3906
|
+
//Background active
|
3907
|
+
[`@apply active:enabled:bg-${config2.color.muted.background.active.light} dark:active:enabled:bg-${config2.color.muted.background.active.dark}`]: {}
|
3833
3908
|
},
|
3834
3909
|
//Color:muted-contrast
|
3835
3910
|
"&.nui-button-muted-contrast": {
|
@@ -3837,7 +3912,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3837
3912
|
//Background
|
3838
3913
|
[`@apply bg-${config2.color.mutedContrast.background.base.light} dark:bg-${config2.color.mutedContrast.background.base.dark}`]: {},
|
3839
3914
|
//Background hover
|
3840
|
-
[`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {}
|
3915
|
+
[`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {},
|
3916
|
+
//Background focus
|
3917
|
+
[`@apply focus-visible:bg-${config2.color.mutedContrast.background.focus.light} dark:focus-visible:bg-${config2.color.mutedContrast.background.focus.dark}`]: {},
|
3918
|
+
//Background active
|
3919
|
+
[`@apply active:enabled:bg-${config2.color.mutedContrast.background.active.light} dark:active:enabled:bg-${config2.color.mutedContrast.background.active.dark}`]: {}
|
3841
3920
|
},
|
3842
3921
|
//Color:primary
|
3843
3922
|
"&.nui-button-primary": {
|
@@ -3845,7 +3924,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3845
3924
|
//Background
|
3846
3925
|
[`@apply bg-${config2.color.primary.background.base.light} dark:bg-${config2.color.primary.background.base.dark}`]: {},
|
3847
3926
|
//Background hover
|
3848
|
-
[`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {}
|
3927
|
+
[`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {},
|
3928
|
+
//Background focus
|
3929
|
+
[`@apply focus-visible:bg-${config2.color.primary.background.focus.light} dark:focus-visible:bg-${config2.color.primary.background.focus.dark}`]: {},
|
3930
|
+
//Background active
|
3931
|
+
[`@apply active:enabled:bg-${config2.color.primary.background.active.light} dark:active:enabled:bg-${config2.color.primary.background.active.dark}`]: {}
|
3849
3932
|
},
|
3850
3933
|
//Color:info
|
3851
3934
|
"&.nui-button-info": {
|
@@ -3853,7 +3936,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3853
3936
|
//Background
|
3854
3937
|
[`@apply bg-${config2.color.info.background.base.light} dark:bg-${config2.color.info.background.base.dark}`]: {},
|
3855
3938
|
//Background hover
|
3856
|
-
[`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {}
|
3939
|
+
[`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {},
|
3940
|
+
//Background focus
|
3941
|
+
[`@apply focus-visible:bg-${config2.color.info.background.focus.light} dark:focus-visible:bg-${config2.color.info.background.focus.dark}`]: {},
|
3942
|
+
//Background active
|
3943
|
+
[`@apply active:enabled:bg-${config2.color.info.background.active.light} dark:active:enabled:bg-${config2.color.info.background.active.dark}`]: {}
|
3857
3944
|
},
|
3858
3945
|
//Color:success
|
3859
3946
|
"&.nui-button-success": {
|
@@ -3861,7 +3948,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3861
3948
|
//Background
|
3862
3949
|
[`@apply bg-${config2.color.success.background.base.light} dark:bg-${config2.color.success.background.base.dark}`]: {},
|
3863
3950
|
//Background hover
|
3864
|
-
[`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {}
|
3951
|
+
[`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {},
|
3952
|
+
//Background focus
|
3953
|
+
[`@apply focus-visible:bg-${config2.color.success.background.focus.light} dark:focus-visible:bg-${config2.color.success.background.focus.dark}`]: {},
|
3954
|
+
//Background active
|
3955
|
+
[`@apply active:enabled:bg-${config2.color.success.background.active.light} dark:active:enabled:bg-${config2.color.success.background.active.dark}`]: {}
|
3865
3956
|
},
|
3866
3957
|
//Color:warning
|
3867
3958
|
"&.nui-button-warning": {
|
@@ -3869,7 +3960,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3869
3960
|
//Background
|
3870
3961
|
[`@apply bg-${config2.color.warning.background.base.light} dark:bg-${config2.color.warning.background.base.dark}`]: {},
|
3871
3962
|
//Background hover
|
3872
|
-
[`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {}
|
3963
|
+
[`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {},
|
3964
|
+
//Background focus
|
3965
|
+
[`@apply focus-visible:bg-${config2.color.warning.background.focus.light} dark:focus-visible:bg-${config2.color.warning.background.focus.dark}`]: {},
|
3966
|
+
//Background active
|
3967
|
+
[`@apply active:enabled:bg-${config2.color.warning.background.active.light} dark:active:enabled:bg-${config2.color.warning.background.active.dark}`]: {}
|
3873
3968
|
},
|
3874
3969
|
//Color:danger
|
3875
3970
|
"&.nui-button-danger": {
|
@@ -3877,19 +3972,23 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3877
3972
|
//Background
|
3878
3973
|
[`@apply bg-${config2.color.danger.background.base.light} dark:bg-${config2.color.danger.background.base.dark}`]: {},
|
3879
3974
|
//Background hover
|
3880
|
-
[`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {}
|
3975
|
+
[`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {},
|
3976
|
+
//Background focus
|
3977
|
+
[`@apply focus-visible:bg-${config2.color.danger.background.focus.light} dark:focus-visible:bg-${config2.color.danger.background.focus.dark}`]: {},
|
3978
|
+
//Background active
|
3979
|
+
[`@apply active:enabled:bg-${config2.color.danger.background.active.light} dark:active:enabled:bg-${config2.color.danger.background.active.dark}`]: {}
|
3881
3980
|
}
|
3882
3981
|
}
|
3883
3982
|
});
|
3884
|
-
}, config$
|
3983
|
+
}, config$N);
|
3885
3984
|
|
3886
|
-
const key$
|
3887
|
-
const defaultConfig$
|
3985
|
+
const key$M = "buttonAction";
|
3986
|
+
const defaultConfig$L = {};
|
3888
3987
|
|
3889
|
-
const config$
|
3988
|
+
const config$M = {
|
3890
3989
|
theme: {
|
3891
3990
|
nui: {
|
3892
|
-
[key$
|
3991
|
+
[key$M]: defaultConfig$L
|
3893
3992
|
}
|
3894
3993
|
}
|
3895
3994
|
};
|
@@ -3898,7 +3997,7 @@ const buttonGroup = plugin__default(
|
|
3898
3997
|
'.nui-button-group, [role="group"]': {
|
3899
3998
|
"@apply flex": {},
|
3900
3999
|
// Button
|
3901
|
-
".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
|
4000
|
+
"> .nui-button:not(:only-child), > .nui-button-action:not(:only-child), > .nui-button-icon:not(:only-child)": {
|
3902
4001
|
"@apply !border-e-0": {},
|
3903
4002
|
"&:focus": {
|
3904
4003
|
"@apply !z-10 relative": {}
|
@@ -4082,11 +4181,11 @@ const buttonGroup = plugin__default(
|
|
4082
4181
|
}
|
4083
4182
|
}
|
4084
4183
|
}),
|
4085
|
-
config$
|
4184
|
+
config$M
|
4086
4185
|
);
|
4087
4186
|
|
4088
|
-
const key$
|
4089
|
-
const defaultConfig$
|
4187
|
+
const key$L = "buttonIcon";
|
4188
|
+
const defaultConfig$K = {
|
4090
4189
|
font: {
|
4091
4190
|
family: "sans",
|
4092
4191
|
size: "sm",
|
@@ -4344,15 +4443,15 @@ const defaultConfig$J = {
|
|
4344
4443
|
}
|
4345
4444
|
};
|
4346
4445
|
|
4347
|
-
const config$
|
4446
|
+
const config$L = {
|
4348
4447
|
theme: {
|
4349
4448
|
nui: {
|
4350
|
-
[key$
|
4449
|
+
[key$L]: defaultConfig$K
|
4351
4450
|
}
|
4352
4451
|
}
|
4353
4452
|
};
|
4354
4453
|
const buttonIcon = plugin__default(({ addComponents, theme }) => {
|
4355
|
-
const config2 = theme(`nui.${key$
|
4454
|
+
const config2 = theme(`nui.${key$L}`);
|
4356
4455
|
addComponents({
|
4357
4456
|
".nui-button-icon": {
|
4358
4457
|
//Base
|
@@ -4507,10 +4606,10 @@ const buttonIcon = plugin__default(({ addComponents, theme }) => {
|
|
4507
4606
|
}
|
4508
4607
|
}
|
4509
4608
|
});
|
4510
|
-
}, config$
|
4609
|
+
}, config$L);
|
4511
4610
|
|
4512
|
-
const key$
|
4513
|
-
const defaultConfig$
|
4611
|
+
const key$K = "button";
|
4612
|
+
const defaultConfig$J = {
|
4514
4613
|
font: {
|
4515
4614
|
family: "sans",
|
4516
4615
|
weight: "normal"
|
@@ -4520,7 +4619,7 @@ const defaultConfig$I = {
|
|
4520
4619
|
duration: "300"
|
4521
4620
|
},
|
4522
4621
|
size: {
|
4523
|
-
|
4622
|
+
sm: {
|
4524
4623
|
button: {
|
4525
4624
|
text: "sm",
|
4526
4625
|
height: "8",
|
@@ -4533,7 +4632,7 @@ const defaultConfig$I = {
|
|
4533
4632
|
size: "3"
|
4534
4633
|
}
|
4535
4634
|
},
|
4536
|
-
|
4635
|
+
md: {
|
4537
4636
|
button: {
|
4538
4637
|
text: "sm",
|
4539
4638
|
height: "10",
|
@@ -4546,7 +4645,7 @@ const defaultConfig$I = {
|
|
4546
4645
|
size: "4"
|
4547
4646
|
}
|
4548
4647
|
},
|
4549
|
-
|
4648
|
+
lg: {
|
4550
4649
|
button: {
|
4551
4650
|
text: "base",
|
4552
4651
|
height: "12",
|
@@ -4558,26 +4657,13 @@ const defaultConfig$I = {
|
|
4558
4657
|
icon: {
|
4559
4658
|
size: "5"
|
4560
4659
|
}
|
4561
|
-
},
|
4562
|
-
xlarge: {
|
4563
|
-
button: {
|
4564
|
-
text: "base",
|
4565
|
-
height: "14",
|
4566
|
-
padding: {
|
4567
|
-
x: "10",
|
4568
|
-
y: "4"
|
4569
|
-
}
|
4570
|
-
},
|
4571
|
-
icon: {
|
4572
|
-
size: "5"
|
4573
|
-
}
|
4574
4660
|
}
|
4575
4661
|
},
|
4576
4662
|
rounded: {
|
4577
4663
|
none: "none",
|
4578
|
-
|
4579
|
-
|
4580
|
-
|
4664
|
+
sm: "md",
|
4665
|
+
md: "lg",
|
4666
|
+
lg: "xl",
|
4581
4667
|
full: "full"
|
4582
4668
|
},
|
4583
4669
|
variant: {
|
@@ -5561,15 +5647,15 @@ const defaultConfig$I = {
|
|
5561
5647
|
}
|
5562
5648
|
};
|
5563
5649
|
|
5564
|
-
const config$
|
5650
|
+
const config$K = {
|
5565
5651
|
theme: {
|
5566
5652
|
nui: {
|
5567
|
-
button: defaultConfig$
|
5653
|
+
button: defaultConfig$J
|
5568
5654
|
}
|
5569
5655
|
}
|
5570
5656
|
};
|
5571
5657
|
const button = plugin__default(({ addComponents, theme }) => {
|
5572
|
-
const config2 = theme(`nui.${key$
|
5658
|
+
const config2 = theme(`nui.${key$K}`);
|
5573
5659
|
addComponents({
|
5574
5660
|
".nui-button": {
|
5575
5661
|
// #region Base
|
@@ -5636,40 +5722,34 @@ const button = plugin__default(({ addComponents, theme }) => {
|
|
5636
5722
|
},
|
5637
5723
|
// #endregion
|
5638
5724
|
// #region Sizes
|
5639
|
-
"&.nui-button-
|
5640
|
-
[`@apply h-${config2.size.
|
5641
|
-
".nui-button-icon": {
|
5642
|
-
[`@apply w-${config2.size.small.icon.size} h-${config2.size.small.icon.size}`]: {}
|
5643
|
-
}
|
5644
|
-
},
|
5645
|
-
"&.nui-button-medium": {
|
5646
|
-
[`@apply h-${config2.size.medium.button.height} px-${config2.size.medium.button.padding.x} py-${config2.size.medium.button.padding.y} text-${config2.size.medium.button.text}`]: {},
|
5725
|
+
"&.nui-button-sm": {
|
5726
|
+
[`@apply h-${config2.size.sm.button.height} px-${config2.size.sm.button.padding.x} py-${config2.size.sm.button.padding.y} text-${config2.size.sm.button.text}`]: {},
|
5647
5727
|
".nui-button-icon": {
|
5648
|
-
[`@apply w-${config2.size.
|
5728
|
+
[`@apply w-${config2.size.sm.icon.size} h-${config2.size.sm.icon.size}`]: {}
|
5649
5729
|
}
|
5650
5730
|
},
|
5651
|
-
"&.nui-button-
|
5652
|
-
[`@apply h-${config2.size.
|
5731
|
+
"&.nui-button-md": {
|
5732
|
+
[`@apply h-${config2.size.md.button.height} px-${config2.size.md.button.padding.x} py-${config2.size.md.button.padding.y} text-${config2.size.md.button.text}`]: {},
|
5653
5733
|
".nui-button-icon": {
|
5654
|
-
[`@apply w-${config2.size.
|
5734
|
+
[`@apply w-${config2.size.md.icon.size} h-${config2.size.md.icon.size}`]: {}
|
5655
5735
|
}
|
5656
5736
|
},
|
5657
|
-
"&.nui-button-
|
5658
|
-
[`@apply h-${config2.size.
|
5737
|
+
"&.nui-button-lg": {
|
5738
|
+
[`@apply h-${config2.size.lg.button.height} px-${config2.size.lg.button.padding.x} py-${config2.size.lg.button.padding.y} text-${config2.size.lg.button.text}`]: {},
|
5659
5739
|
".nui-button-icon": {
|
5660
|
-
[`@apply w-${config2.size.
|
5740
|
+
[`@apply w-${config2.size.lg.icon.size} h-${config2.size.lg.icon.size}`]: {}
|
5661
5741
|
}
|
5662
5742
|
},
|
5663
5743
|
// #endregion
|
5664
5744
|
// #region Rounded
|
5665
5745
|
"&.nui-button-rounded-sm": {
|
5666
|
-
[`@apply rounded-${config2.rounded.
|
5746
|
+
[`@apply rounded-${config2.rounded.sm}`]: {}
|
5667
5747
|
},
|
5668
5748
|
"&.nui-button-rounded-md": {
|
5669
|
-
[`@apply rounded-${config2.rounded.
|
5749
|
+
[`@apply rounded-${config2.rounded.md}`]: {}
|
5670
5750
|
},
|
5671
5751
|
"&.nui-button-rounded-lg": {
|
5672
|
-
[`@apply rounded-${config2.rounded.
|
5752
|
+
[`@apply rounded-${config2.rounded.lg}`]: {}
|
5673
5753
|
},
|
5674
5754
|
"&.nui-button-rounded-full": {
|
5675
5755
|
[`@apply rounded-${config2.rounded.full}`]: {},
|
@@ -6337,10 +6417,10 @@ const button = plugin__default(({ addComponents, theme }) => {
|
|
6337
6417
|
// #endregion
|
6338
6418
|
}
|
6339
6419
|
});
|
6340
|
-
}, config$
|
6420
|
+
}, config$K);
|
6341
6421
|
|
6342
|
-
const key$
|
6343
|
-
const defaultConfig$
|
6422
|
+
const key$J = "card";
|
6423
|
+
const defaultConfig$I = {
|
6344
6424
|
width: "full",
|
6345
6425
|
rounded: {
|
6346
6426
|
none: "none",
|
@@ -6471,15 +6551,15 @@ const defaultConfig$H = {
|
|
6471
6551
|
}
|
6472
6552
|
};
|
6473
6553
|
|
6474
|
-
const config$
|
6554
|
+
const config$J = {
|
6475
6555
|
theme: {
|
6476
6556
|
nui: {
|
6477
|
-
[key$
|
6557
|
+
[key$J]: defaultConfig$I
|
6478
6558
|
}
|
6479
6559
|
}
|
6480
6560
|
};
|
6481
6561
|
const card = plugin__default(({ addComponents, theme }) => {
|
6482
|
-
const config2 = theme(`nui.${key$
|
6562
|
+
const config2 = theme(`nui.${key$J}`);
|
6483
6563
|
addComponents({
|
6484
6564
|
".nui-card": {
|
6485
6565
|
//Base
|
@@ -6584,10 +6664,10 @@ const card = plugin__default(({ addComponents, theme }) => {
|
|
6584
6664
|
}
|
6585
6665
|
}
|
6586
6666
|
});
|
6587
|
-
}, config$
|
6667
|
+
}, config$J);
|
6588
6668
|
|
6589
|
-
const key$
|
6590
|
-
const defaultConfig$
|
6669
|
+
const key$I = "checkbox";
|
6670
|
+
const defaultConfig$H = {
|
6591
6671
|
rounded: {
|
6592
6672
|
sm: "rounded",
|
6593
6673
|
md: "rounded-md",
|
@@ -6689,15 +6769,15 @@ const defaultConfig$G = {
|
|
6689
6769
|
}
|
6690
6770
|
};
|
6691
6771
|
|
6692
|
-
const config$
|
6772
|
+
const config$I = {
|
6693
6773
|
theme: {
|
6694
6774
|
nui: {
|
6695
|
-
[key$
|
6775
|
+
[key$I]: defaultConfig$H
|
6696
6776
|
}
|
6697
6777
|
}
|
6698
6778
|
};
|
6699
6779
|
const checkbox = plugin__default(({ addComponents, theme }) => {
|
6700
|
-
const config2 = theme(`nui.${key$
|
6780
|
+
const config2 = theme(`nui.${key$I}`);
|
6701
6781
|
addComponents({
|
6702
6782
|
//Wrapper
|
6703
6783
|
".nui-checkbox": {
|
@@ -6761,9 +6841,7 @@ const checkbox = plugin__default(({ addComponents, theme }) => {
|
|
6761
6841
|
},
|
6762
6842
|
//Error
|
6763
6843
|
".nui-checkbox-error": {
|
6764
|
-
[`@apply
|
6765
|
-
//Color
|
6766
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
6844
|
+
[`@apply ms-1 inline-block`]: {}
|
6767
6845
|
},
|
6768
6846
|
//Rounded:sm
|
6769
6847
|
"&.nui-checkbox-rounded-sm .nui-checkbox-outer, &.nui-checkbox-rounded-sm .nui-checkbox-inner": {
|
@@ -6823,10 +6901,10 @@ const checkbox = plugin__default(({ addComponents, theme }) => {
|
|
6823
6901
|
}
|
6824
6902
|
}
|
6825
6903
|
});
|
6826
|
-
}, config$
|
6904
|
+
}, config$I);
|
6827
6905
|
|
6828
|
-
const key$
|
6829
|
-
const defaultConfig$
|
6906
|
+
const key$H = "drodownDivider";
|
6907
|
+
const defaultConfig$G = {
|
6830
6908
|
margin: {
|
6831
6909
|
y: "2"
|
6832
6910
|
},
|
@@ -6836,24 +6914,24 @@ const defaultConfig$F = {
|
|
6836
6914
|
}
|
6837
6915
|
};
|
6838
6916
|
|
6839
|
-
const config$
|
6917
|
+
const config$H = {
|
6840
6918
|
theme: {
|
6841
6919
|
nui: {
|
6842
|
-
[key$
|
6920
|
+
[key$H]: defaultConfig$G
|
6843
6921
|
}
|
6844
6922
|
}
|
6845
6923
|
};
|
6846
6924
|
const dropdownDivider = plugin__default(({ addComponents, theme }) => {
|
6847
|
-
const config2 = theme(`nui.${key$
|
6925
|
+
const config2 = theme(`nui.${key$H}`);
|
6848
6926
|
addComponents({
|
6849
6927
|
".nui-dropdown-divider": {
|
6850
6928
|
[`@apply my-${config2.margin.y} block h-px w-full border-t border-${config2.border.light} dark:border-${config2.border.dark}`]: {}
|
6851
6929
|
}
|
6852
6930
|
});
|
6853
|
-
}, config$
|
6931
|
+
}, config$H);
|
6854
6932
|
|
6855
|
-
const key$
|
6856
|
-
const defaultConfig$
|
6933
|
+
const key$G = "dropdownItem";
|
6934
|
+
const defaultConfig$F = {
|
6857
6935
|
align: "start",
|
6858
6936
|
font: {
|
6859
6937
|
family: "sans",
|
@@ -6949,15 +7027,15 @@ const defaultConfig$E = {
|
|
6949
7027
|
}
|
6950
7028
|
};
|
6951
7029
|
|
6952
|
-
const config$
|
7030
|
+
const config$G = {
|
6953
7031
|
theme: {
|
6954
7032
|
nui: {
|
6955
|
-
[key$
|
7033
|
+
[key$G]: defaultConfig$F
|
6956
7034
|
}
|
6957
7035
|
}
|
6958
7036
|
};
|
6959
7037
|
const dropdownItem = plugin__default(({ addComponents, theme }) => {
|
6960
|
-
const config2 = theme(`nui.${key$
|
7038
|
+
const config2 = theme(`nui.${key$G}`);
|
6961
7039
|
addComponents({
|
6962
7040
|
//Wrapper
|
6963
7041
|
".nui-dropdown-item": {
|
@@ -6974,6 +7052,10 @@ const dropdownItem = plugin__default(({ addComponents, theme }) => {
|
|
6974
7052
|
"&:not(.nui-active)": {
|
6975
7053
|
[`@apply text-${config2.font.color.inactive.light} dark:text-${config2.font.color.inactive.dark}`]: {}
|
6976
7054
|
},
|
7055
|
+
//Item:disabled
|
7056
|
+
"&.nui-item-disabled": {
|
7057
|
+
[`@apply opacity-50 pointer-events-none`]: {}
|
7058
|
+
},
|
6977
7059
|
//Contrast:default
|
6978
7060
|
"&.nui-item-default": {
|
6979
7061
|
//Background:hover
|
@@ -7041,10 +7123,10 @@ const dropdownItem = plugin__default(({ addComponents, theme }) => {
|
|
7041
7123
|
}
|
7042
7124
|
}
|
7043
7125
|
});
|
7044
|
-
}, config$
|
7126
|
+
}, config$G);
|
7045
7127
|
|
7046
|
-
const key$
|
7047
|
-
const defaultConfig$
|
7128
|
+
const key$F = "dropdown";
|
7129
|
+
const defaultConfig$E = {
|
7048
7130
|
align: "start",
|
7049
7131
|
button: {
|
7050
7132
|
context: {
|
@@ -7091,15 +7173,6 @@ const defaultConfig$D = {
|
|
7091
7173
|
duration: "300"
|
7092
7174
|
}
|
7093
7175
|
},
|
7094
|
-
text: {
|
7095
|
-
font: {
|
7096
|
-
family: "sans",
|
7097
|
-
color: {
|
7098
|
-
light: "muted-400",
|
7099
|
-
dark: "muted-400"
|
7100
|
-
}
|
7101
|
-
}
|
7102
|
-
},
|
7103
7176
|
chevron: {
|
7104
7177
|
size: "4",
|
7105
7178
|
transition: {
|
@@ -7177,15 +7250,15 @@ const defaultConfig$D = {
|
|
7177
7250
|
}
|
7178
7251
|
};
|
7179
7252
|
|
7180
|
-
const config$
|
7253
|
+
const config$F = {
|
7181
7254
|
theme: {
|
7182
7255
|
nui: {
|
7183
|
-
[key$
|
7256
|
+
[key$F]: defaultConfig$E
|
7184
7257
|
}
|
7185
7258
|
}
|
7186
7259
|
};
|
7187
7260
|
const dropdown = plugin__default(({ addComponents, theme }) => {
|
7188
|
-
const config2 = theme(`nui.${key$
|
7261
|
+
const config2 = theme(`nui.${key$F}`);
|
7189
7262
|
addComponents({
|
7190
7263
|
//Wrapper
|
7191
7264
|
".nui-dropdown": {
|
@@ -7232,13 +7305,7 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
|
|
7232
7305
|
//Button:text
|
7233
7306
|
".nui-text-button": {
|
7234
7307
|
//Base
|
7235
|
-
"@apply flex items-center space-x-1": {}
|
7236
|
-
//Font
|
7237
|
-
[`@apply font-${config2.button.text.font.family} text-${config2.button.text.font.color.light} dark:text-${config2.button.text.font.color.dark}`]: {},
|
7238
|
-
//Text:inner
|
7239
|
-
".nui-text-button-inner": {
|
7240
|
-
[`@apply font-${config2.button.text.font.family}`]: {}
|
7241
|
-
}
|
7308
|
+
"@apply flex items-center space-x-1": {}
|
7242
7309
|
},
|
7243
7310
|
//Button:chevron
|
7244
7311
|
".nui-chevron": {
|
@@ -7340,10 +7407,10 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
|
|
7340
7407
|
}
|
7341
7408
|
}
|
7342
7409
|
});
|
7343
|
-
}, config$
|
7410
|
+
}, config$F);
|
7344
7411
|
|
7345
|
-
const key$
|
7346
|
-
const defaultConfig$
|
7412
|
+
const key$E = "focus";
|
7413
|
+
const defaultConfig$D = {
|
7347
7414
|
offset: "2",
|
7348
7415
|
width: "2",
|
7349
7416
|
style: "dashed",
|
@@ -7354,15 +7421,15 @@ const defaultConfig$C = {
|
|
7354
7421
|
mode: "always"
|
7355
7422
|
};
|
7356
7423
|
|
7357
|
-
const config$
|
7424
|
+
const config$E = {
|
7358
7425
|
theme: {
|
7359
7426
|
nui: {
|
7360
|
-
[key$
|
7427
|
+
[key$E]: defaultConfig$D
|
7361
7428
|
}
|
7362
7429
|
}
|
7363
7430
|
};
|
7364
7431
|
const focus = plugin__default(({ addComponents, theme }) => {
|
7365
|
-
const config2 = theme(`nui.${key$
|
7432
|
+
const config2 = theme(`nui.${key$E}`);
|
7366
7433
|
const mode = config2.mode === "focus-visible" ? "&:has(:focus-visible), &:focus-visible" : "&:focus-within";
|
7367
7434
|
addComponents({
|
7368
7435
|
".nui-focus": {
|
@@ -7374,10 +7441,10 @@ const focus = plugin__default(({ addComponents, theme }) => {
|
|
7374
7441
|
}
|
7375
7442
|
}
|
7376
7443
|
});
|
7377
|
-
}, config$
|
7444
|
+
}, config$E);
|
7378
7445
|
|
7379
|
-
const key$
|
7380
|
-
const defaultConfig$
|
7446
|
+
const key$D = "fullscreenDropfile";
|
7447
|
+
const defaultConfig$C = {
|
7381
7448
|
height: "[230px]",
|
7382
7449
|
width: "[500px]",
|
7383
7450
|
rounded: "rounded-md",
|
@@ -7412,15 +7479,15 @@ const defaultConfig$B = {
|
|
7412
7479
|
}
|
7413
7480
|
};
|
7414
7481
|
|
7415
|
-
const config$
|
7482
|
+
const config$D = {
|
7416
7483
|
theme: {
|
7417
7484
|
nui: {
|
7418
|
-
[key$
|
7485
|
+
[key$D]: defaultConfig$C
|
7419
7486
|
}
|
7420
7487
|
}
|
7421
7488
|
};
|
7422
7489
|
const fullscreenDropfile = plugin__default(({ addComponents, theme }) => {
|
7423
|
-
const config2 = theme(`nui.${key$
|
7490
|
+
const config2 = theme(`nui.${key$D}`);
|
7424
7491
|
addComponents({
|
7425
7492
|
//Wrapper
|
7426
7493
|
".nui-fullscreen-dropfile": {
|
@@ -7493,10 +7560,10 @@ const fullscreenDropfile = plugin__default(({ addComponents, theme }) => {
|
|
7493
7560
|
}
|
7494
7561
|
}
|
7495
7562
|
});
|
7496
|
-
}, config$
|
7563
|
+
}, config$D);
|
7497
7564
|
|
7498
|
-
const key$
|
7499
|
-
const defaultConfig$
|
7565
|
+
const key$C = "heading";
|
7566
|
+
const defaultConfig$B = {
|
7500
7567
|
size: {
|
7501
7568
|
xs: "xs",
|
7502
7569
|
sm: "sm",
|
@@ -7529,15 +7596,15 @@ const defaultConfig$A = {
|
|
7529
7596
|
}
|
7530
7597
|
};
|
7531
7598
|
|
7532
|
-
const config$
|
7599
|
+
const config$C = {
|
7533
7600
|
theme: {
|
7534
7601
|
nui: {
|
7535
|
-
[key$
|
7602
|
+
[key$C]: defaultConfig$B
|
7536
7603
|
}
|
7537
7604
|
}
|
7538
7605
|
};
|
7539
7606
|
const heading = plugin__default(({ addComponents, theme }) => {
|
7540
|
-
const config2 = theme(`nui.${key$
|
7607
|
+
const config2 = theme(`nui.${key$C}`);
|
7541
7608
|
addComponents({
|
7542
7609
|
".nui-heading": {
|
7543
7610
|
"@apply font-sans": {},
|
@@ -7618,10 +7685,10 @@ const heading = plugin__default(({ addComponents, theme }) => {
|
|
7618
7685
|
}
|
7619
7686
|
}
|
7620
7687
|
});
|
7621
|
-
}, config$
|
7688
|
+
}, config$C);
|
7622
7689
|
|
7623
|
-
const key$
|
7624
|
-
const defaultConfig$
|
7690
|
+
const key$B = "iconBox";
|
7691
|
+
const defaultConfig$A = {
|
7625
7692
|
bordered: {
|
7626
7693
|
border: {
|
7627
7694
|
size: "2",
|
@@ -7711,6 +7778,30 @@ const defaultConfig$z = {
|
|
7711
7778
|
}
|
7712
7779
|
}
|
7713
7780
|
},
|
7781
|
+
muted: {
|
7782
|
+
background: {
|
7783
|
+
light: "muted-200",
|
7784
|
+
dark: "muted-700"
|
7785
|
+
},
|
7786
|
+
font: {
|
7787
|
+
color: {
|
7788
|
+
light: "muted-700",
|
7789
|
+
dark: "muted-200"
|
7790
|
+
}
|
7791
|
+
}
|
7792
|
+
},
|
7793
|
+
mutedContrast: {
|
7794
|
+
background: {
|
7795
|
+
light: "muted-200",
|
7796
|
+
dark: "muted-950"
|
7797
|
+
},
|
7798
|
+
font: {
|
7799
|
+
color: {
|
7800
|
+
light: "muted-700",
|
7801
|
+
dark: "muted-100"
|
7802
|
+
}
|
7803
|
+
}
|
7804
|
+
},
|
7714
7805
|
light: {
|
7715
7806
|
background: {
|
7716
7807
|
light: "white",
|
@@ -7833,6 +7924,30 @@ const defaultConfig$z = {
|
|
7833
7924
|
}
|
7834
7925
|
}
|
7835
7926
|
},
|
7927
|
+
muted: {
|
7928
|
+
background: {
|
7929
|
+
light: "muted-600/10",
|
7930
|
+
dark: "muted-700/10"
|
7931
|
+
},
|
7932
|
+
font: {
|
7933
|
+
color: {
|
7934
|
+
light: "muted-700",
|
7935
|
+
dark: "muted-200"
|
7936
|
+
}
|
7937
|
+
}
|
7938
|
+
},
|
7939
|
+
mutedContrast: {
|
7940
|
+
background: {
|
7941
|
+
light: "muted-600/10",
|
7942
|
+
dark: "muted-950/10"
|
7943
|
+
},
|
7944
|
+
font: {
|
7945
|
+
color: {
|
7946
|
+
light: "muted-700",
|
7947
|
+
dark: "muted-100"
|
7948
|
+
}
|
7949
|
+
}
|
7950
|
+
},
|
7836
7951
|
light: {
|
7837
7952
|
background: {
|
7838
7953
|
light: "white/10",
|
@@ -7963,6 +8078,38 @@ const defaultConfig$z = {
|
|
7963
8078
|
}
|
7964
8079
|
}
|
7965
8080
|
},
|
8081
|
+
muted: {
|
8082
|
+
background: {
|
8083
|
+
light: "transparent",
|
8084
|
+
dark: "transparent"
|
8085
|
+
},
|
8086
|
+
border: {
|
8087
|
+
light: "current",
|
8088
|
+
dark: "current"
|
8089
|
+
},
|
8090
|
+
font: {
|
8091
|
+
color: {
|
8092
|
+
light: "muted-700",
|
8093
|
+
dark: "muted-200"
|
8094
|
+
}
|
8095
|
+
}
|
8096
|
+
},
|
8097
|
+
mutedContrast: {
|
8098
|
+
background: {
|
8099
|
+
light: "transparent",
|
8100
|
+
dark: "transparent"
|
8101
|
+
},
|
8102
|
+
border: {
|
8103
|
+
light: "current",
|
8104
|
+
dark: "current"
|
8105
|
+
},
|
8106
|
+
font: {
|
8107
|
+
color: {
|
8108
|
+
light: "muted-700",
|
8109
|
+
dark: "muted-100"
|
8110
|
+
}
|
8111
|
+
}
|
8112
|
+
},
|
7966
8113
|
light: {
|
7967
8114
|
background: {
|
7968
8115
|
light: "transparent",
|
@@ -8096,15 +8243,15 @@ const defaultConfig$z = {
|
|
8096
8243
|
}
|
8097
8244
|
};
|
8098
8245
|
|
8099
|
-
const config$
|
8246
|
+
const config$B = {
|
8100
8247
|
theme: {
|
8101
8248
|
nui: {
|
8102
|
-
[key$
|
8249
|
+
[key$B]: defaultConfig$A
|
8103
8250
|
}
|
8104
8251
|
}
|
8105
8252
|
};
|
8106
8253
|
const iconBox = plugin__default(({ addComponents, theme }) => {
|
8107
|
-
const config2 = theme(`nui.${key$
|
8254
|
+
const config2 = theme(`nui.${key$B}`);
|
8108
8255
|
addComponents({
|
8109
8256
|
//Wrapper
|
8110
8257
|
".nui-icon-box": {
|
@@ -8232,6 +8379,20 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
|
|
8232
8379
|
//Background
|
8233
8380
|
[`@apply bg-${config2.color.variant.solid.defaultContrast.background.light} dark:bg-${config2.color.variant.solid.defaultContrast.background.dark}`]: {}
|
8234
8381
|
},
|
8382
|
+
//Color:muted
|
8383
|
+
"&.nui-box-muted": {
|
8384
|
+
//Font
|
8385
|
+
[`@apply text-${config2.color.variant.solid.muted.font.color.light} dark:text-${config2.color.variant.solid.muted.font.color.dark}`]: {},
|
8386
|
+
//Background
|
8387
|
+
[`@apply bg-${config2.color.variant.solid.muted.background.light} dark:bg-${config2.color.variant.solid.muted.background.dark}`]: {}
|
8388
|
+
},
|
8389
|
+
//Color:muted-contrast
|
8390
|
+
"&.nui-box-muted-contrast": {
|
8391
|
+
//Font
|
8392
|
+
[`@apply text-${config2.color.variant.solid.mutedContrast.font.color.light} dark:text-${config2.color.variant.solid.mutedContrast.font.color.dark}`]: {},
|
8393
|
+
//Background
|
8394
|
+
[`@apply bg-${config2.color.variant.solid.mutedContrast.background.light} dark:bg-${config2.color.variant.solid.mutedContrast.background.dark}`]: {}
|
8395
|
+
},
|
8235
8396
|
//Color:light
|
8236
8397
|
"&.nui-box-light": {
|
8237
8398
|
//Font
|
@@ -8305,6 +8466,20 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
|
|
8305
8466
|
//Background
|
8306
8467
|
[`@apply bg-${config2.color.variant.pastel.defaultContrast.background.light} dark:bg-${config2.color.variant.pastel.defaultContrast.background.dark}`]: {}
|
8307
8468
|
},
|
8469
|
+
//Color:muted
|
8470
|
+
"&.nui-box-muted": {
|
8471
|
+
//Font
|
8472
|
+
[`@apply text-${config2.color.variant.pastel.muted.font.color.light} dark:text-${config2.color.variant.pastel.muted.font.color.dark}`]: {},
|
8473
|
+
//Background
|
8474
|
+
[`@apply bg-${config2.color.variant.pastel.muted.background.light} dark:bg-${config2.color.variant.pastel.muted.background.dark}`]: {}
|
8475
|
+
},
|
8476
|
+
//Color:muted-contrast
|
8477
|
+
"&.nui-box-muted-contrast": {
|
8478
|
+
//Font
|
8479
|
+
[`@apply text-${config2.color.variant.pastel.mutedContrast.font.color.light} dark:text-${config2.color.variant.pastel.mutedContrast.font.color.dark}`]: {},
|
8480
|
+
//Background
|
8481
|
+
[`@apply bg-${config2.color.variant.pastel.mutedContrast.background.light} dark:bg-${config2.color.variant.pastel.mutedContrast.background.dark}`]: {}
|
8482
|
+
},
|
8308
8483
|
//Color:light
|
8309
8484
|
"&.nui-box-light": {
|
8310
8485
|
//Font
|
@@ -8382,6 +8557,24 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
|
|
8382
8557
|
//Border
|
8383
8558
|
[`@apply border-2 border-${config2.color.variant.outline.defaultContrast.border.light} dark:border-${config2.color.variant.outline.defaultContrast.border.dark}`]: {}
|
8384
8559
|
},
|
8560
|
+
//Color:muted
|
8561
|
+
"&.nui-box-muted": {
|
8562
|
+
//Font
|
8563
|
+
[`@apply text-${config2.color.variant.outline.muted.font.color.light} dark:text-${config2.color.variant.outline.muted.font.color.dark}`]: {},
|
8564
|
+
//Background
|
8565
|
+
[`@apply bg-${config2.color.variant.outline.muted.background.light} bg-${config2.color.variant.outline.muted.background.dark}`]: {},
|
8566
|
+
//Border
|
8567
|
+
[`@apply border-2 border-${config2.color.variant.outline.muted.border.light} dark:border-${config2.color.variant.outline.muted.border.dark}`]: {}
|
8568
|
+
},
|
8569
|
+
//Color:muted-contrast
|
8570
|
+
"&.nui-box-muted-contrast": {
|
8571
|
+
//Font
|
8572
|
+
[`@apply text-${config2.color.variant.outline.mutedContrast.font.color.light} dark:text-${config2.color.variant.outline.mutedContrast.font.color.dark}`]: {},
|
8573
|
+
//Background
|
8574
|
+
[`@apply bg-${config2.color.variant.outline.mutedContrast.background.light} bg-${config2.color.variant.outline.mutedContrast.background.dark}`]: {},
|
8575
|
+
//Border
|
8576
|
+
[`@apply border-2 border-${config2.color.variant.outline.mutedContrast.border.light} dark:border-${config2.color.variant.outline.mutedContrast.border.dark}`]: {}
|
8577
|
+
},
|
8385
8578
|
//Color:light
|
8386
8579
|
"&.nui-box-light": {
|
8387
8580
|
//Font
|
@@ -8465,10 +8658,10 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
|
|
8465
8658
|
}
|
8466
8659
|
}
|
8467
8660
|
});
|
8468
|
-
}, config$
|
8661
|
+
}, config$B);
|
8469
8662
|
|
8470
|
-
const key$
|
8471
|
-
const defaultConfig$
|
8663
|
+
const key$A = "inputFileRegular";
|
8664
|
+
const defaultConfig$z = {
|
8472
8665
|
font: {
|
8473
8666
|
color: {
|
8474
8667
|
light: "muted-400",
|
@@ -8665,15 +8858,15 @@ const defaultConfig$y = {
|
|
8665
8858
|
}
|
8666
8859
|
};
|
8667
8860
|
|
8668
|
-
const config$
|
8861
|
+
const config$A = {
|
8669
8862
|
theme: {
|
8670
8863
|
nui: {
|
8671
|
-
[key$
|
8864
|
+
[key$A]: defaultConfig$z
|
8672
8865
|
}
|
8673
8866
|
}
|
8674
8867
|
};
|
8675
8868
|
const inputFileRegular = plugin__default(({ addComponents, theme }) => {
|
8676
|
-
const config2 = theme(`nui.${key$
|
8869
|
+
const config2 = theme(`nui.${key$A}`);
|
8677
8870
|
addComponents({
|
8678
8871
|
//Wrapper
|
8679
8872
|
".nui-input-file-regular": {
|
@@ -8716,13 +8909,6 @@ const inputFileRegular = plugin__default(({ addComponents, theme }) => {
|
|
8716
8909
|
"@apply h-3 w-full max-w-[75%] rounded": {}
|
8717
8910
|
}
|
8718
8911
|
},
|
8719
|
-
//Input:error
|
8720
|
-
".nui-input-file-error-text": {
|
8721
|
-
//Base
|
8722
|
-
[`@apply mt-1 block font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
8723
|
-
//Color
|
8724
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
8725
|
-
},
|
8726
8912
|
//Color:default
|
8727
8913
|
"&.nui-input-default": {
|
8728
8914
|
//Input:inner
|
@@ -8917,10 +9103,10 @@ const inputFileRegular = plugin__default(({ addComponents, theme }) => {
|
|
8917
9103
|
}
|
8918
9104
|
}
|
8919
9105
|
});
|
8920
|
-
}, config$
|
9106
|
+
}, config$A);
|
8921
9107
|
|
8922
|
-
const key$
|
8923
|
-
const defaultConfig$
|
9108
|
+
const key$z = "inputFile";
|
9109
|
+
const defaultConfig$y = {
|
8924
9110
|
drop: {
|
8925
9111
|
height: "64",
|
8926
9112
|
border: {
|
@@ -9172,15 +9358,15 @@ const defaultConfig$x = {
|
|
9172
9358
|
}
|
9173
9359
|
};
|
9174
9360
|
|
9175
|
-
const config$
|
9361
|
+
const config$z = {
|
9176
9362
|
theme: {
|
9177
9363
|
nui: {
|
9178
|
-
[key$
|
9364
|
+
[key$z]: defaultConfig$y
|
9179
9365
|
}
|
9180
9366
|
}
|
9181
9367
|
};
|
9182
9368
|
const inputFile = plugin__default(({ addComponents, theme }) => {
|
9183
|
-
const config2 = theme(`nui.${key$
|
9369
|
+
const config2 = theme(`nui.${key$z}`);
|
9184
9370
|
addComponents({
|
9185
9371
|
//Wrapper
|
9186
9372
|
".nui-input-file": {
|
@@ -9455,10 +9641,10 @@ const inputFile = plugin__default(({ addComponents, theme }) => {
|
|
9455
9641
|
}
|
9456
9642
|
}
|
9457
9643
|
});
|
9458
|
-
}, config$
|
9644
|
+
}, config$z);
|
9459
9645
|
|
9460
|
-
const key$
|
9461
|
-
const defaultConfig$
|
9646
|
+
const key$y = "input";
|
9647
|
+
const defaultConfig$x = {
|
9462
9648
|
rounded: {
|
9463
9649
|
none: "rounded-none",
|
9464
9650
|
sm: "rounded-md",
|
@@ -9820,15 +10006,15 @@ const defaultConfig$w = {
|
|
9820
10006
|
}
|
9821
10007
|
};
|
9822
10008
|
|
9823
|
-
const config$
|
10009
|
+
const config$y = {
|
9824
10010
|
theme: {
|
9825
10011
|
nui: {
|
9826
|
-
[key$
|
10012
|
+
[key$y]: defaultConfig$x
|
9827
10013
|
}
|
9828
10014
|
}
|
9829
10015
|
};
|
9830
10016
|
const input = plugin__default(({ addComponents, theme }) => {
|
9831
|
-
const config2 = theme(`nui.${key$
|
10017
|
+
const config2 = theme(`nui.${key$y}`);
|
9832
10018
|
addComponents({
|
9833
10019
|
//Wrapper
|
9834
10020
|
".nui-input-wrapper": {
|
@@ -9857,15 +10043,6 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
9857
10043
|
//Transition
|
9858
10044
|
[`@apply transition-${config2.input.icon.transition.property} duration-${config2.input.icon.transition.duration}`]: {}
|
9859
10045
|
},
|
9860
|
-
//Error:text
|
9861
|
-
".nui-input-error-text": {
|
9862
|
-
//Base
|
9863
|
-
"@apply mt-1 block": {},
|
9864
|
-
//Font
|
9865
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
9866
|
-
//Font color
|
9867
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
9868
|
-
},
|
9869
10046
|
//Input
|
9870
10047
|
".nui-input": {
|
9871
10048
|
//Base
|
@@ -10224,10 +10401,10 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
10224
10401
|
}
|
10225
10402
|
}
|
10226
10403
|
});
|
10227
|
-
}, config$
|
10404
|
+
}, config$y);
|
10228
10405
|
|
10229
|
-
const key$
|
10230
|
-
const defaultConfig$
|
10406
|
+
const key$x = "inputNumber";
|
10407
|
+
const defaultConfig$w = {
|
10231
10408
|
rounded: {
|
10232
10409
|
none: "rounded-none",
|
10233
10410
|
sm: "rounded-md",
|
@@ -10598,15 +10775,15 @@ const defaultConfig$v = {
|
|
10598
10775
|
}
|
10599
10776
|
};
|
10600
10777
|
|
10601
|
-
const config$
|
10778
|
+
const config$x = {
|
10602
10779
|
theme: {
|
10603
10780
|
nui: {
|
10604
|
-
[key$
|
10781
|
+
[key$x]: defaultConfig$w
|
10605
10782
|
}
|
10606
10783
|
}
|
10607
10784
|
};
|
10608
10785
|
const inputNumber = plugin__default(({ addComponents, theme }) => {
|
10609
|
-
const config2 = theme(`nui.${key$
|
10786
|
+
const config2 = theme(`nui.${key$x}`);
|
10610
10787
|
addComponents({
|
10611
10788
|
//Wrapper
|
10612
10789
|
".nui-input-number-wrapper": {
|
@@ -10652,15 +10829,6 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
10652
10829
|
".nui-input-number-buttons svg": {
|
10653
10830
|
"@apply h-4 w-4": {}
|
10654
10831
|
},
|
10655
|
-
//Error:text
|
10656
|
-
".nui-input-number-error-text": {
|
10657
|
-
//Base
|
10658
|
-
"@apply mt-1 block": {},
|
10659
|
-
//Font
|
10660
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
10661
|
-
//Font color
|
10662
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
10663
|
-
},
|
10664
10832
|
//Input
|
10665
10833
|
".nui-input-number": {
|
10666
10834
|
//Base
|
@@ -11067,6 +11235,34 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
11067
11235
|
}
|
11068
11236
|
}
|
11069
11237
|
});
|
11238
|
+
}, config$x);
|
11239
|
+
|
11240
|
+
const key$w = "inputHelpText";
|
11241
|
+
const defaultConfig$v = {
|
11242
|
+
font: {
|
11243
|
+
family: "sans",
|
11244
|
+
size: "[0.65rem]",
|
11245
|
+
weight: "medium"
|
11246
|
+
}
|
11247
|
+
};
|
11248
|
+
|
11249
|
+
const config$w = {
|
11250
|
+
theme: {
|
11251
|
+
nui: {
|
11252
|
+
[key$w]: defaultConfig$v
|
11253
|
+
}
|
11254
|
+
}
|
11255
|
+
};
|
11256
|
+
const inputHelpText = plugin__default(({ addComponents, theme }) => {
|
11257
|
+
const config2 = theme(`nui.${key$w}`);
|
11258
|
+
addComponents({
|
11259
|
+
".nui-input-help-text": {
|
11260
|
+
//Base
|
11261
|
+
"@apply mt-1 block": {},
|
11262
|
+
//Font
|
11263
|
+
[`@apply font-${config2.font.family} text-${config2.font.size} font-${config2.font.weight} leading-none`]: {}
|
11264
|
+
}
|
11265
|
+
});
|
11070
11266
|
}, config$w);
|
11071
11267
|
|
11072
11268
|
const key$v = "kbd";
|
@@ -12143,15 +12339,6 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12143
12339
|
[`@apply bg-${config2.option.activeHover.background.light} dark:bg-${config2.option.activeHover.background.dark}`]: {}
|
12144
12340
|
}
|
12145
12341
|
},
|
12146
|
-
//Listbox:error
|
12147
|
-
".nui-listbox-error-text": {
|
12148
|
-
//Base
|
12149
|
-
"@apply mt-1 block": {},
|
12150
|
-
//Font
|
12151
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
12152
|
-
//Color
|
12153
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
12154
|
-
},
|
12155
12342
|
//Listbox:placeload
|
12156
12343
|
".nui-listbox-placeload.nui-loading-placeload": {
|
12157
12344
|
"@apply absolute start-0 top-0 flex w-full items-center px-4": {},
|
@@ -12821,6 +13008,9 @@ const messageText = plugin__default(({ addComponents, theme }) => {
|
|
12821
13008
|
|
12822
13009
|
const key$n = "message";
|
12823
13010
|
const defaultConfig$m = {
|
13011
|
+
safeArea: {
|
13012
|
+
end: "6"
|
13013
|
+
},
|
12824
13014
|
icon: {
|
12825
13015
|
outer: {
|
12826
13016
|
size: "10"
|
@@ -12851,8 +13041,21 @@ const defaultConfig$m = {
|
|
12851
13041
|
icon: {
|
12852
13042
|
size: "4"
|
12853
13043
|
},
|
13044
|
+
position: {
|
13045
|
+
top: "[-0.5rem]",
|
13046
|
+
end: "[-0.5rem]"
|
13047
|
+
},
|
13048
|
+
size: {
|
13049
|
+
outer: {
|
13050
|
+
width: "8",
|
13051
|
+
height: "8"
|
13052
|
+
},
|
13053
|
+
inner: {
|
13054
|
+
width: "6",
|
13055
|
+
height: "6"
|
13056
|
+
}
|
13057
|
+
},
|
12854
13058
|
rounded: "rounded-full",
|
12855
|
-
padding: "1",
|
12856
13059
|
transition: {
|
12857
13060
|
property: "colors",
|
12858
13061
|
duration: "200"
|
@@ -13415,7 +13618,7 @@ const message = plugin__default(({ addComponents, theme }) => {
|
|
13415
13618
|
addComponents({
|
13416
13619
|
//Wrapper
|
13417
13620
|
".nui-message": {
|
13418
|
-
"@apply flex
|
13621
|
+
"@apply relative flex gap-2 border": {},
|
13419
13622
|
//Icon:outer
|
13420
13623
|
".nui-message-icon-outer": {
|
13421
13624
|
[`@apply flex h-${config2.icon.outer.size} w-${config2.icon.outer.size} shrink-0 items-center justify-center`]: {},
|
@@ -13430,15 +13633,19 @@ const message = plugin__default(({ addComponents, theme }) => {
|
|
13430
13633
|
//Inner:text
|
13431
13634
|
".nui-message-inner-text": {
|
13432
13635
|
//Base
|
13433
|
-
"@apply
|
13636
|
+
"@apply inline-flex items-center leading-normal": {},
|
13434
13637
|
//Font
|
13435
13638
|
[`@apply font-${config2.inner.font.family} text-${config2.inner.font.size}`]: {},
|
13436
13639
|
//Color
|
13437
13640
|
[`@apply text-${config2.inner.font.color.light} dark:text-${config2.inner.font.color.dark}`]: {}
|
13438
13641
|
},
|
13439
|
-
//
|
13642
|
+
//Message:close
|
13643
|
+
".nui-message-close-wrapper": {
|
13644
|
+
[`@apply absolute top-${config2.close.position.top} end-${config2.close.position.end} flex items-center justify-center bg-white dark:bg-muted-950 border border-muted-200 dark:border-muted-800 ${config2.close.rounded} h-${config2.close.size.outer.height} w-${config2.close.size.outer.width}`]: {}
|
13645
|
+
},
|
13646
|
+
//Message:close
|
13440
13647
|
".nui-message-close": {
|
13441
|
-
[`@apply nui-focus
|
13648
|
+
[`@apply nui-focus flex cursor-pointer items-center justify-center shrink-0 h-${config2.close.size.inner.height} w-${config2.close.size.inner.width} ${config2.close.rounded}`]: {},
|
13442
13649
|
//Color
|
13443
13650
|
[`@apply text-${config2.close.color.light} dark:text-${config2.close.color.dark}`]: {},
|
13444
13651
|
//Transition
|
@@ -13448,6 +13655,14 @@ const message = plugin__default(({ addComponents, theme }) => {
|
|
13448
13655
|
[`@apply h-${config2.close.icon.size} w-${config2.close.icon.size}`]: {}
|
13449
13656
|
}
|
13450
13657
|
},
|
13658
|
+
//Message:text
|
13659
|
+
"&.nui-has-text": {
|
13660
|
+
[`@apply py-2 ps-2 pe-${config2.safeArea.end}`]: {}
|
13661
|
+
},
|
13662
|
+
//Message:icon
|
13663
|
+
"&.nui-has-icon": {
|
13664
|
+
[`@apply py-1 ps-1 pe-${config2.safeArea.end}`]: {}
|
13665
|
+
},
|
13451
13666
|
//Rounded:sm
|
13452
13667
|
"&.nui-message-rounded-sm": {
|
13453
13668
|
[`@apply ${config2.rounded.sm}`]: {},
|
@@ -14874,9 +15089,7 @@ const radio = plugin__default(({ addComponents, theme }) => {
|
|
14874
15089
|
},
|
14875
15090
|
//Radio:error
|
14876
15091
|
".nui-radio-error": {
|
14877
|
-
"@apply ms-1 inline-block": {}
|
14878
|
-
//Font
|
14879
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
15092
|
+
"@apply ms-1 inline-block": {}
|
14880
15093
|
},
|
14881
15094
|
//Color:default
|
14882
15095
|
"&.nui-radio-default": {
|
@@ -15340,15 +15553,6 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15340
15553
|
//Transition
|
15341
15554
|
[`@apply transition-${config2.select.icon.transition.property} duration-${config2.select.icon.transition.duration}`]: {}
|
15342
15555
|
},
|
15343
|
-
//Error:text
|
15344
|
-
".nui-select-error-text": {
|
15345
|
-
//Base
|
15346
|
-
"@apply mt-1 block": {},
|
15347
|
-
//Font
|
15348
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
15349
|
-
//Font color
|
15350
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
15351
|
-
},
|
15352
15556
|
//Select
|
15353
15557
|
".nui-select": {
|
15354
15558
|
//Base
|
@@ -15706,6 +15910,7 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15706
15910
|
const key$c = "slimscroll";
|
15707
15911
|
const defaultConfig$b = {
|
15708
15912
|
width: "[6px]",
|
15913
|
+
height: "[6px]",
|
15709
15914
|
background: {
|
15710
15915
|
base: {
|
15711
15916
|
light: "black/5",
|
@@ -15731,7 +15936,7 @@ const slimscroll = plugin__default(({ addComponents, theme }) => {
|
|
15731
15936
|
".nui-slimscroll::-webkit-scrollbar, .nui-slimscroll-opaque::-webkit-scrollbar": {
|
15732
15937
|
scrollBehavior: "smooth",
|
15733
15938
|
scrollbarGutter: "stable",
|
15734
|
-
[`@apply w-${config2.width}`]: {}
|
15939
|
+
[`@apply w-${config2.width} h-${config2.height}`]: {}
|
15735
15940
|
},
|
15736
15941
|
".nui-slimscroll::-webkit-scrollbar-thumb": {
|
15737
15942
|
[`@apply rounded-lg bg-${config2.background.base.light} dark:bg-${config2.background.base.dark} duration-300 transition-all`]: {}
|
@@ -15915,10 +16120,6 @@ const snack = plugin__default(({ addComponents, theme }) => {
|
|
15915
16120
|
//Color
|
15916
16121
|
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {}
|
15917
16122
|
},
|
15918
|
-
//Snack:button
|
15919
|
-
".nui-snack-button": {
|
15920
|
-
"@apply hover:!bg-transparent": {}
|
15921
|
-
},
|
15922
16123
|
//Size:xs
|
15923
16124
|
"&.nui-snack-xs": {
|
15924
16125
|
//Snack:media:xs
|
@@ -18861,15 +19062,6 @@ const textarea = plugin__default(({ addComponents, theme }) => {
|
|
18861
19062
|
[`@apply transition-${config2.textarea.transition.property} duration-${config2.textarea.transition.duration}`]: {}
|
18862
19063
|
}
|
18863
19064
|
},
|
18864
|
-
//Error:text
|
18865
|
-
".nui-textarea-error-text": {
|
18866
|
-
//Base
|
18867
|
-
"@apply mt-1 block": {},
|
18868
|
-
//Font
|
18869
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
18870
|
-
//Font color
|
18871
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
18872
|
-
},
|
18873
19065
|
//Textrea:placeload
|
18874
19066
|
".nui-textarea-placeload": {
|
18875
19067
|
[`@apply absolute start-0 top-4 flex h-${config2.textarea.placeload.size} w-${config2.textarea.placeload.size} flex-col space-y-${config2.textarea.placeload.space} px-3`]: {},
|
@@ -19922,7 +20114,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
|
|
19922
20114
|
borderRadius: "0.5ch",
|
19923
20115
|
zIndex: "1000",
|
19924
20116
|
[`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
|
19925
|
-
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.
|
20117
|
+
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {},
|
19926
20118
|
[`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
|
19927
20119
|
},
|
19928
20120
|
[`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
|
@@ -19936,7 +20128,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
|
|
19936
20128
|
bottom: "calc(100% + 8px)",
|
19937
20129
|
borderBottomWidth: "0",
|
19938
20130
|
borderTopColor: "currentColor",
|
19939
|
-
[`@apply !text-${config2.background.light} dark:!text-${config2.background.
|
20131
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
19940
20132
|
},
|
19941
20133
|
[`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
|
19942
20134
|
bottom: "calc(100% + 13px)"
|
@@ -20052,6 +20244,7 @@ const components = mergePlugins([
|
|
20052
20244
|
inputFile,
|
20053
20245
|
input,
|
20054
20246
|
inputNumber,
|
20247
|
+
inputHelpText,
|
20055
20248
|
kbd,
|
20056
20249
|
label,
|
20057
20250
|
link,
|
@@ -20201,6 +20394,7 @@ exports.iconBox = iconBox;
|
|
20201
20394
|
exports.input = input;
|
20202
20395
|
exports.inputFile = inputFile;
|
20203
20396
|
exports.inputFileRegular = inputFileRegular;
|
20397
|
+
exports.inputHelpText = inputHelpText;
|
20204
20398
|
exports.inputNumber = inputNumber;
|
20205
20399
|
exports.kbd = kbd;
|
20206
20400
|
exports.label = label;
|