$mol_style: + [attr] syntax

style/guard/guard.ts

@@ -35,6 +35,9 @@ namespace $ {
 		: key extends '@media'
 		? Medias< View , Config[key] >
 
+		: key extends `[${string}]`
+		? { [ val in keyof Config[key] ]: $mol_style_guard< View , Config[key][val] > }
+
 		: key extends `--${string}`
 		? any
 

style/sheet/sheet.ts

@@ -102,6 +102,15 @@ namespace $ {
 
 					}
 
+				} else if( key[0] === '[' && key[key.length-1] === ']' ) {
+
+					const attr = key.slice( 1, -1 )
+					const vals = config[ key as any ] as Record< string, any >
+
+					for( let val in vals ) {
+						make_class( selector( prefix , path ) + ':where([' + attr + '=' + JSON.stringify( val ) + '])' , [] , vals[val] )
+					}
+
 				} else {
 
 					make_class( selector( prefix , path ) + key , [] , (config as any)[key] )